关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

如何去除网站元素的显示框?网站Z轴定位

作者:佚名   时间:2014-03-20   分享到:

如何去除网站元素的显示框?

visibility属性决定了网站内部元素的内容在显示中是否可见。浏览器仍然会为元素留出一定空间,而这也会影响文档的布局,但是元素的内容可以在该空间内不可见。

此属性的默认值为visible,也就是显示元素的内容。如果将此属性设置为hidden,不必去除元素的显示框内容也是不可见的,这会改变文档的布局。请注意,将display属性设置为none,就可以从文档中去除元素的内容和显示框。

此属性通常用在动态文档中,在这种文档中,对元素值的改变会通过重新格式化文档从显示中去除它的内容。

当此属性与表格行、行组、列和列组一起使用时,还可以指定值为collapse。collapse值用在这种环境中时,不必重新格式化或者重新绘制表格就可以从表格中去除元素。如果用在表格以外,collapse值与hidden值的效果是一样的。

网站z-index定位属性

在浏览器窗口和打印的页面上,除了元素的X和Y位置之外,每个元素还都有一个垂直位置,也就是Z位置。Z位置更高的元素越靠近浏览器者,其下的元素将变得非常模糊。

Z位置在整个文档中不是绝对的。相反,Z轴位置是相对于包含元素而言的。例如,一个文档内的两个<div>元素在定位时可能会取决于彼此的顶部。第一个<div>在z位置为1,而第二个<div>的z位置为2.第二个<div>的整个内容都显示在第一个<div>的上面(或前面)。如果第一个<div>内元素的z位置为3或4,它们仍然会显示在包含它们的<div>中,而且不会“跳”到第二个<div>的前面。

用z-index属性可以控制元素的z位置。z-index属性的值是一个正整数,它设置的是元素相对于其包含元素而言的z位置。使用z-index属性时,你可以动态改变元素的z位置来使其可见,或者将文本元素定位在图像的前面,标记出感兴趣的项目。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7299.html

上海联楷网络新闻