我想實現一個錯誤消息,當用戶已禁用JavaScript。我爲我目前的工作創建了一個jsfiddle。我有2個div層,一個覆蓋整個頁面,另一個覆蓋整個頁面以顯示警告消息,但覆蓋層的不透明度設置影響警告消息。我嘗試過使用之前問題的技巧,但我無法完成工作。誰能幫我?不透明的CSS影響兒童元素
1
A
回答
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>
+0
它已經工作了,謝謝 – 2012-02-14 04:43:51
1
取而代之的不透明度,利用RGBA(0,0,0,.75)在爲背景的:
0
的問題是,不透明度適用於所有包含的(子)元素,不只是你正在申請的元素
opacity
到。這樣做的副作用是進一步的不透明度設置將是父透明度的一小部分。
你的情況,你需要做別的什麼也不動彈出DIV的fadeMe DIV
<div id="fadeMe"></div>
<div id="center">You have javascript disabled.</div>
相關問題
- 1. CSS不透明度轉換不影響子元素
- 2. CSS不透明度 - 不影響子元素
- 3. CSS背景透明度不影響使用LESS的子元素
- 4. ondragenter不會影響兒童
- 5. css不透明度緩解影響其他元素也
- 6. CSS - 鏈接div影響兒童
- 7. 家長不透明度對兒童SVG Chrome和Android有不同的影響
- 8. 在元素上使用jQuery,但不影響兒童
- 9. 影響子div的CSS不透明度
- 10. 有沒有辦法使用CSS -transform而不會影響兒童元素
- 11. 僅將樣式應用於選定的元素,而不影響兒童元素
- 12. flash as3補間不透明度不影響子元素的不透明度
- 13. css不透明轉變影響文本
- 14. JQuery懸停對兒童LI元素的影響
- 15. QWidget透明背景(但不是兒童)
- 16. 水平居中而不影響兒童
- 17. 應用不透明度而不影響子元素
- 18. css與過渡旋轉似乎影響其他元素不透明?
- 19. 僞元素的CSS影響父元素
- 20. CSS透明度影響內容
- 21. 兒童影響類的父類
- 22. XML元素的兒童
- 23. CSS影響內部元素
- 24. SL3透明/玻璃兒童窗戶?
- 25. WPF中透明的不透明元素
- 26. 顯示內嵌flex影響兒童?
- 27. 更改背景顏色影響兒童
- 28. 父元素透明的HTML元素不會變得不透明
- 29. 不透明元素上的不透明元素
- 30. 不尊重兒童元素的高度
外界對於那些誰都會來到這裏,從現在開始的一年起見,請複製原始CSS和HTML成您的帖子。小提琴可能會在一年後離開。謝謝。 – 2012-02-14 04:48:07