曝光台 注意防骗
网曝天猫店富美金盛家居专营店坑蒙拐骗欺诈消费者
对象放在较小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.aero.cn
航空翻译 www.aviation.cn
本文链接地址：
XML实用大全(123)
