如何去除網站元素的顯示框？網站Z軸定位
作者：佚名 時間：2014-03-20 分享到：
如何去除網站元素的顯示框？
visibility屬性決定了網站內部元素的內容在顯示中是否可見。瀏覽器仍然會為元素留出一定空間，而這也會影響文檔的布局，但是元素的內容可以在該空間內不可見。
此屬性的默認值為visible，也就是顯示元素的內容。如果將此屬性設置為hidden，不必去除元素的顯示框內容也是不可見的，這會改變文檔的布局。請注意，將display屬性設置為none,就可以從文檔中去除元素的內容和顯示框。
此屬性通常用在動態(tài)文檔中，在這種文檔中，對元素值的改變會通過重新格式化文檔從顯示中去除它的內容。
當此屬性與表格行、行組、列和列組一起使用時，還可以指定值為collapse。collapse值用在這種環(huán)境中時，不必重新格式化或者重新繪制表格就可以從表格中去除元素。如果用在表格以外，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屬性時，你可以動態(tài)改變元素的z位置來使其可見，或者將文本元素定位在圖像的前面，標記出感興趣的項目。
