[原创]层的有关属性

程序代码
<div id="Layer1" style="position:absolute; left:102px; top:80px; width:192px; height:154px; z-index:1; overflow: hidden; clip: rect(10,100,100,10); background-image: url(bg.gif); layer-background-image: url(bg.gif); border: 3px solid #FFFFFF; background-color: #000000; layer-background-color: #000000; visibility: inherit;"></div>

id="Layer1" 用于指定一个名称,以便在“层”面板和 JavaScript 代码中标识该层。应使用标准的字母数字字符,而不要使用空格、连字符、斜杠或句号等特殊字符。每个层都必须有它自己的唯一 ID。

position:absolute;  层的定位为绝对定位,如要设定clip属性,一定要层定位为绝对定位。

left:102px; top:80px; 指定层的左上角相对于页面(如果嵌套,则为父层)左上角的左侧和顶部的位置。

width:345px; height:179px; 指定层的宽度和高度。

注意:如果层的内容超过指定大小,层的底边缘会延伸以容纳这些内容。

z-index:1; 层叠顺序,编号较大的层出现在编号较小的层的前面。值可以为正,也可以为负。

overflow: hidden; 溢出属性,与clip属性可组合使用,可选择 visible 默认值;auto 在必需时对象内容才会被裁切或显示滚动条;hidden 不显示超过对象尺寸的内容;scroll 总是显示滚动条。

clip: rect(10,100,100,10);  依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值。

background-image: url(bg.gif); layer-background-image: url(bg.gif);  指定层的背景图像。layer-background-image: url(bg.gif);为NS4+专有属性。
border: 3px solid #FFFFFF;  设置对象的边框样式。必须同时指定边框样式即solid才会显示边框。

background-color: #000000; layer-background-color: #000000;  指定层的背景颜色。layer-background-color: #000000;为NS4+专有属性。

visibility: inherit; 设置或检索是否显示层,inherit为默认值。

发布者:s5s5

https://s5s5.me

退出移动版