3
A
回答
10
如果您有其他div
,你可以得到這樣
var $somediv = $('#some_div_element'),
pos = $.extend({
width: $somediv.outerWidth(),
height: $somediv.outerHeight()
}, $somediv.position());
,然後用它的尺寸+位置,而動態地創建一個覆蓋
$('<div>', {
id: 'overlay',
css: {
position: 'absolute',
top: pos.top,
left: pos.left,
width: pos.width,
height: pos.height,
backgroundColor: '#000',
opacity: 0.50
}
}).appendTo($somediv);
3
你可以使用CSS3來做到這一點。定位一個<div>
絕對頂部,並給<div>
的背景:rgba(255,255,255,.3)
。
+1
這是rgba功能在所有平臺上兼容?例如:IE7 – itsols 2012-04-28 06:13:45
相關問題
- 1. 用透明div覆蓋跨度/圖像
- 2. 半透明覆蓋配置
- 3. 用透明覆蓋物覆蓋div
- 4. 刪除平坦圖像上的半透明覆蓋圖
- 5. 透明度與覆蓋DIV
- 6. 在p-tag中填充半透明圖像覆蓋
- 7. 谷歌地圖透明圖像覆蓋
- 8. 如何使用C#透明地完全覆蓋圖像Graphics.DrawImage
- 9. Android動態透明圖像覆蓋
- 10. 懸停時覆蓋透明圖像
- 11. 你可以在圖像上覆蓋一個透明的div
- 12. 如何將覆蓋透明度應用於RGBA圖像
- 13. Internet Explorer:半透明圖像
- 14. 用另一個透明圖像覆蓋圖像
- 15. 透明視圖覆蓋用於繪圖
- 16. 覆蓋不透明的div的iframe
- 17. 覆蓋YouTube上的不透明div iframe
- 18. 半透明導航欄覆蓋推視圖控制器?
- 19. 用圖像覆蓋div
- 20. 使用CSS在懸停時覆蓋透明圖像
- 21. SDL透明覆蓋
- 22. 使背景圖像半透明
- 23. Imagick roundCorners使圖像半透明
- 24. 帶透孔的半透明覆蓋/掩膜
- 25. PIL在圖像上畫一個半透明的方形覆蓋物
- 26. 如何使JTextField半透明
- 27. 如何使視圖出現半透明
- 28. 如何使用imagemagick創建半透明圖像
- 29. 使拖動圖像不透明,而不是半透明
- 30. 半透明div在網頁
+1,因爲我不知道jQuery的element-ecreating部分讓你提供屬性(特別是CSS)。謝謝! – Phrogz 2010-12-20 21:59:04