灰色透明不可點擊背屏

-1

我想創建一個灰色的透明背景屏幕，在我的原始html頁面上。什麼到目前爲止，我所做的是追加一個div（使用jQuery）body標籤這個CSS樣式：灰色透明不可點擊背屏

.spesificPropertiesDiv { 
position: absolute; 
display: block; 
top: 0px; 
width: 100%; 
height: 100%; 
background-color: black; 
opacity: 0.5; 
z-index: 6000; 
text-align: center; 
}

正如我所說，我追加一個div這個類至體前。當我將其附加到大屏幕（24英寸）上時，每個工作都很好，但是當我將它附加到16英寸顯示屏上時，灰屏div的高度比機身高度低100 px。我還需要提到的另一件事是，在大屏幕上，該頁面適合屏幕，在較小的屏幕上顯示一個滾動條以使頁面可見下方。
爲什麼會發生這種情況？我該如何解決它？謝謝！

來源

2012-10-12 vlio20

我已經把它改爲直接孩子：

.spesificPropertiesDiv{ 
    display: block; 
    position: fixed; 
    top: 0; bottom: 0; left: 0; right: 0; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    opacity: 0.5; 
    z-index: 6000; 
    text-align: center; 
}

和它的作品!!!! 謝謝大家的幫助

來源

2012-10-12 09:30:18 vlio20

是的，'* position：absolute'是針對IE6＆7的，因爲它不支持'position：fixed'。它不通過w3c驗證，因爲'*'是一個黑客，但如果你不關心驗證，它應該可以正常工作。你可以用一個條件樣式表來定位它。 – 2012-10-12 09:31:04

你能嘗試：

.spesificPropertiesDiv { 
    position: fixed; *position: absolute; 
    top: 0; bottom: 0; left: 0; right: 0; 
}

此外，是否有任何填充在這個div？難道是<body>標籤？：

<body> 
    <div class="spesificPropertiesDiv"></div> 
</body>

來源

2012-10-12 09:01:01

是它看起來是這樣的：

– vlio20

此外，嘗試設置html和身體高度：100％。只是爲了測試/調試。它不應該解決問題，因爲你的元素是固定的，但你永遠不知道。 – besluitloos

我在這行收到語法錯誤：position：fixed; *職位：絕對; – vlio20

灰色透明不可點擊背屏

回答

相關問題