曝光臺 注意防騙 網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者

對象放在較小z-index 值的對象的頂部。底部的對象無論是否完全顯示，它們都決定于其頂部對象的背景屬性。如果背景是
透明的，那么，處于下面的對象至少有一些可能完全透過。
清單13-2 是使用絕對定位的樣式單，這個樣式單有一個z-index，用它來創建Shakespeare 十四行詩多部分的重疊效果。
圖13-3 顯示了此情景。這肯定不如由瀏覽器來編排此詩的樣子好看。使用絕對定位應十分小心。我只推薦用于印刷媒體，
以此媒體分發論文，而不是電子文件。
XML 實用大全
第 434 頁
圖13-3 使用z-index 排序的絕對定位，可以控制文本框的重疊順序
清單13-2：Shakespeare 十四行詩的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 實用大全
第 435 頁
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 實用大全
第 436 頁
13.6 計數器和自動編號
CSS2 能自動地產生某些內容。例如，可使用樣式單來創建這樣的一個大綱：使用不同的編號系統對大綱的每個層次進行適
當的縮進。
counter-increment 屬性使計數器（counter）加1。content 屬性使用counter(id)或counter(id, list-style-type)函數
作為值，插入指定計數器的當前值。最后，counter-reset 屬性將計數器設置歸0。
例如，假定從1 開始要對詩中的每個VERSE 進行計數，但在每個新的STANZA 和REFRAIN 中重新計數。可使用下面的規則達
到此目的：
VERSE { counter-increment: verse-num }
STANZA { counter-reset: verse-num }
REFRAIN { counter-reset: verse-num }
VERSE：before { content: counter(verse-num) }
可在counter-reset 中的計數器名后，指定重設的整數，就可以重新將計數器設回到非0 的數。例如，下面的規則將計數器
設回到-10：
VERSE { counter-reset: verse-num –10 }
在counter-increment 中的計數器名后，指定非1 的整數作為遞增量。例如，
VERSE { counter-increment: verse-num –1 }
最后，content 屬性可有不止一個計數器以及附加內容及其計數器。例如，下面的這些規則以1.1，1.2，1.3，...，2.1，
2.2，2.3，...的形式對詩進行編號，第一編號表示節，第二個編號為詩句：
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)
還可以使用非歐洲數字。counter()函數的第二個參數可用來指定不同的數字格式。現有的格式有disc、circle、square、
decimal、decimal-leading-zero、lower-roman、upper-roman、lower-greek、lower-alpha、lower-latin、upper-alpha、
XML 實用大全
第 437 頁
upper-latin、hebrew、armenian、georgian、cjk-ideographic、hiragana、katakana、hiragana-iroha 和katakana-iroha。
例如，使用平假名的日文數字來對詩進行編號，可以這樣編寫：
VERSE：before {content: counter(stanza-num, hiragana)
"." counter(verse-num, hiragana) }
XML 實用大全
第 438 頁
13.7 有聲樣式單
視覺缺陷的用戶已經使用特殊的軟件來閱讀Web 網頁。將來，使用這種方法可能會擴大到視覺完好的人，他們一邊瀏覽Web，
同時一邊使用電話進行交談、一邊駕駛汽車、一邊洗涮盤子以及進行其他活動，而在這些過程中，眼睛和手用于不同的目的。
CSS2 支持一些新的特性，以便描述如何大聲地讀出元素，以及如何打印或在屏幕上顯示。這些新特性將在下面的章節中討
論。清單13-3 為一有聲樣式單，它使用指定方法，來講出在普通與劇本有關的XML 元素中找到的信息。
清單13-3：用于劇本或十四行詩的有聲樣式單
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 實用大全
第 439 頁
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 }
　
中國航空網 www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：XML實用大全(123)