曝光臺(tái) 注意防騙 網(wǎng)曝天貓店富美金盛家居專(zhuān)營(yíng)店坑蒙拐騙欺詐消費(fèi)者

對(duì)象放在較小z-index 值的對(duì)象的頂部。底部的對(duì)象無(wú)論是否完全顯示，它們都決定于其頂部對(duì)象的背景屬性。如果背景是
透明的，那么，處于下面的對(duì)象至少有一些可能完全透過(guò)。
清單13-2 是使用絕對(duì)定位的樣式單，這個(gè)樣式單有一個(gè)z-index，用它來(lái)創(chuàng)建Shakespeare 十四行詩(shī)多部分的重疊效果。
圖13-3 顯示了此情景。這肯定不如由瀏覽器來(lái)編排此詩(shī)的樣子好看。使用絕對(duì)定位應(yīng)十分小心。我只推薦用于印刷媒體，
以此媒體分發(fā)論文，而不是電子文件。
XML 實(shí)用大全
第 434 頁(yè)
圖13-3 使用z-index 排序的絕對(duì)定位，可以控制文本框的重疊順序
清單13-2：Shakespeare 十四行詩(shī)的z-index 樣式單
#stl { position: absolute;
top: 160px;
left:200px;
height: 100px;
width:200px;
overflow: auto,
z-index: 2 }
#st2 { position: absolute;
top: 210px;
left:50px;
height: 100px;
width:200px;
overflow: auto;
XML 實(shí)用大全
第 435 頁(yè)
z-index: 3 }
#st3 { position: absolute;
top: 210px;
left:250px;
height: 100px;
width:200px;
overflow: auto;
z-index: 4 }
REFRAIN { position: absolute;
top: 300px;
left:200px;
height: 100px;
width:200px;
overflow: auto;
z-index: 5 }
XML 實(shí)用大全
第 436 頁(yè)
13.6 計(jì)數(shù)器和自動(dòng)編號(hào)
CSS2 能自動(dòng)地產(chǎn)生某些內(nèi)容。例如，可使用樣式單來(lái)創(chuàng)建這樣的一個(gè)大綱：使用不同的編號(hào)系統(tǒng)對(duì)大綱的每個(gè)層次進(jìn)行適
當(dāng)?shù)目s進(jìn)。
counter-increment 屬性使計(jì)數(shù)器（counter）加1。content 屬性使用counter(id)或counter(id, list-style-type)函數(shù)
作為值，插入指定計(jì)數(shù)器的當(dāng)前值。最后，counter-reset 屬性將計(jì)數(shù)器設(shè)置歸0。
例如，假定從1 開(kāi)始要對(duì)詩(shī)中的每個(gè)VERSE 進(jìn)行計(jì)數(shù)，但在每個(gè)新的STANZA 和REFRAIN 中重新計(jì)數(shù)。可使用下面的規(guī)則達(dá)
到此目的：
VERSE { counter-increment: verse-num }
STANZA { counter-reset: verse-num }
REFRAIN { counter-reset: verse-num }
VERSE：before { content: counter(verse-num) }
可在counter-reset 中的計(jì)數(shù)器名后，指定重設(shè)的整數(shù)，就可以重新將計(jì)數(shù)器設(shè)回到非0 的數(shù)。例如，下面的規(guī)則將計(jì)數(shù)器
設(shè)回到-10：
VERSE { counter-reset: verse-num –10 }
在counter-increment 中的計(jì)數(shù)器名后，指定非1 的整數(shù)作為遞增量。例如，
VERSE { counter-increment: verse-num –1 }
最后，content 屬性可有不止一個(gè)計(jì)數(shù)器以及附加內(nèi)容及其計(jì)數(shù)器。例如，下面的這些規(guī)則以1.1，1.2，1.3，...，2.1，
2.2，2.3，...的形式對(duì)詩(shī)進(jìn)行編號(hào)，第一編號(hào)表示節(jié)，第二個(gè)編號(hào)為詩(shī)句：
VERSE {counter-increment: verse-num }
STANZA {counter-reset: verse-num }
STANZA {counter-increment: stanza-num }
REFRAIN {counter-reset: verse-num }
REFRAIN {counter-reset: stanza-num 0 }
VERSE:before {content:
counter(stanza-num) "." counter(verse-num)
還可以使用非歐洲數(shù)字。counter()函數(shù)的第二個(gè)參數(shù)可用來(lái)指定不同的數(shù)字格式。現(xiàn)有的格式有disc、circle、square、
decimal、decimal-leading-zero、lower-roman、upper-roman、lower-greek、lower-alpha、lower-latin、upper-alpha、
XML 實(shí)用大全
第 437 頁(yè)
upper-latin、hebrew、armenian、georgian、cjk-ideographic、hiragana、katakana、hiragana-iroha 和katakana-iroha。
例如，使用平假名的日文數(shù)字來(lái)對(duì)詩(shī)進(jìn)行編號(hào)，可以這樣編寫(xiě)：
VERSE：before {content: counter(stanza-num, hiragana)
"." counter(verse-num, hiragana) }
XML 實(shí)用大全
第 438 頁(yè)
13.7 有聲樣式單
視覺(jué)缺陷的用戶(hù)已經(jīng)使用特殊的軟件來(lái)閱讀Web 網(wǎng)頁(yè)。將來(lái)，使用這種方法可能會(huì)擴(kuò)大到視覺(jué)完好的人，他們一邊瀏覽Web，
同時(shí)一邊使用電話進(jìn)行交談、一邊駕駛汽車(chē)、一邊洗涮盤(pán)子以及進(jìn)行其他活動(dòng)，而在這些過(guò)程中，眼睛和手用于不同的目的。
CSS2 支持一些新的特性，以便描述如何大聲地讀出元素，以及如何打印或在屏幕上顯示。這些新特性將在下面的章節(jié)中討
論。清單13-3 為一有聲樣式單，它使用指定方法，來(lái)講出在普通與劇本有關(guān)的XML 元素中找到的信息。
清單13-3：用于劇本或十四行詩(shī)的有聲樣式單
TITLE, AUTHOR, ACT, SCENE {
voice-family: narrator;
stress: 20;
richness: 90;
cue-before: url("ping.au")
}
.narrator { pause: 20ms;
cue-before: url("pop.au");
cue-after: url("pop.au");
azimuth: 30deg;
elevation: above }
ACT { pause: 30ms 40ms } /* pause-before: 30ms;
pause-after: 40ms */
SCENE { pause-after: l0ms } /* pause-after: l0ms */
SCENE { cue-before: url("bell.aiff");
cue-after: url("dong.wav") }
MOOD.sad { play-during: url("violins.aiff") }
MOOD.funereal { play-during: url("harp.wav") mix }
MOOD.quiet { play-during: none }
LINE.narrator { azimuth: behind } /* 180deg */
XML 實(shí)用大全
第 439 頁(yè)
LINE.part.romeo { voice-family: romeo, male }
LINE.part.juliet { voice-family: juliet, female }
LINE.part.hercules { azimuth: center-left }
LINE.part.richard { azimuth: right }
LINE.part.carmen { volume: x-soft }
LINE.part.musel { elevation: 60deg }
LINE.part.muse2 { elevation: 30deg }
LINE.part.muse3 { elevation: level }
　
中國(guó)航空網(wǎng) www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：XML實(shí)用大全(123)