层的应用及其定位

2008-02-23 06:17:10来源：互联网阅读 ()

2、改变层的属性

　层的主要属性有：ID、大小（宽和高）、位置（包括Z-index）、背景、可见性、溢出等。其中大小和平面位置能够使用鼠标拖拉简单地实现，其他属性需要借助属性面板来定义。

图：层的属性面板

　　ID：层在被插入时Dreamweaver会自动命名其ID，默认格式为LayerX（X的取值随层的插入顺序而增大）。为了方便设计时更好地控制，建议自行定义此名称。

　　大小：能够通过鼠标直接拖拉层的控制点来改变其大小，也能够在属性面板上输入宽高定义大小。

　　位置：选择层的控制手柄，按下鼠标左键不放开，能够拖拉改变层的位置，同时属性面板上的位置参数会改变。您也能够直接在属性面板上输入数值来定义曾的位置。　　拖拉定义层的位置时建议打开背景网格以便参照定位。（View-->Gird-->Show Gird）假如需要很精确的定位，能够拖拉后在属性面板上改变数值。　　另外，由于Netcape对层的解释有差异，所以一般针对NC能够选择层标识为或。当选定这两个标识中任意一个时，您会发现层的属性面板增加了几个属性，其中有个Use的单选按扭，选择Left Top项，则在NC中，层的LEFT和TOP相对于父层（页面或嵌套的层）的左上角定位；选择Page X, Page Y项，则层基于页面左上角定位，无论层是否被嵌套在其他层中。

　　Z-index：定义了层在立体方向上的层叠顺序，其数值的大小决定了元素之间相互覆盖的顺序，例如A层原本覆盖了B层，但假如B层的Z-index值改变，且大雨了A层的Z-index值，则B层覆盖A层。

　　在文档中添加层时，Dreamweaver会自动按照层创建的先后顺序定义Z-index值，假如要改变他们的层叠顺序，只需要修改Z-index值即可。例如您需要某个层永远在最上面，您能够定义他的Z-index值很大。

　　Z-index值也能够为负值。例如需要将某个Flash作品作为网页背景时，您需要定义该Flash作品为背景透明的，然后放置在Z-index值为负值的层中，否则Flash作品会永远处于页面的最上层。

　　背景：和表格的属性相同，层也能够配置背景图片或背景颜色。

　　可见性(vis)：层和表格的最大不同之处就是他具备多变的可见性，即层能够隐藏和显示，而且这个属性是能够动态改变的。在属性面板上定义的只是可见性的初始状态，例如选择HIDE则层为不可见的。

　　溢出(overflow)：由于层的大小是能够定义的，所以当层中的内容超出层的大小的时候该怎么办？默认状态下层会自动增大。但有的时候他的增大会致使排好的整个页面变形，溢出属性定义了此种情况的处理方式：可见、隐藏、滚动条、自动。　　可见（isible）---无论层的宽高配置为多少，其中的内容都会显示出来，即层会被撑大。
　　隐藏（hidden）---遵守层的宽高配置，超出的部分将不再显示。
　　滚动条（scroll）--显示滚动条，无论内容是否超出层的大小配置。
　　自动（auto）---自动识别内容是否超出，然后决定是否显示滚动条

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有