2012-02-14 7 views
1

我想實現一個錯誤消息,當用戶已禁用JavaScript。我爲我目前的工作創建了一個jsfiddle。我有2個div層,一個覆蓋整個頁面,另一個覆蓋整個頁面以顯示警告消息,但覆蓋層的不透明度設置影響警告消息。我嘗試過使用之前問題的技巧,但我無法完成工作。誰能幫我?不透明的CSS影響兒童元素

http://jsfiddle.net/xcPcv/

+1

外界對於那些誰都會來到這裏,從現在開始的一年起見,請複製原始CSS和HTML成您的帖子。小提琴可能會在一年後離開。謝謝。 – 2012-02-14 04:48:07

回答

1

只需推動消息褪色的容器外...

來源:

<div id="fadeMe"> 
    <div id="center">You have javascript disabled.</div> 
</div> 

要:

<div id="fadeMe"> 
</div> 
<div id="center">You have javascript disabled.</div> 

http://jsfiddle.net/xcPcv/7/

+0

它已經工作了,謝謝 – 2012-02-14 04:43:51

0

的問題是,不透明度適用於所有包含的(子)元素,不只是你正在申請的元素

opacity 

到。這樣做的副作用是進一步的不透明度設置將是父透明度的一小部分。

你的情況,你需要做別的什麼也不動彈出DIV的fadeMe DIV

<div id="fadeMe"></div> 
    <div id="center">You have javascript disabled.</div>