#a{ background:#FFCC33; filter:alpha(opacity:0); width: 300px; heig#a{background:#FFCC33; filter:alpha(opacity=50); /*支持 IE 瀏覽器*/-moz-opacity:0.50; /*支持 FireFox 瀏覽器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等瀏覽器*/width: 300px;height:300px;}還有一種僅讓背景半透明。
html css里設置div為50%透明,為div里面的img添加o透明屬性是強制繼承的,也就是說透明層內的子元素也必然是透明的。 解決方法:把div和img分別放在平等關系的兩個層中(也就是說img不再是被div包含的),然后div設為透明,再把img通過絕對定位覆蓋在div上。 還有一種辦法就是用透明色來代替透明
用css實現div的黑色透明
css的opacity讓div和里面的div透明了
怎樣才讓div里面的div不透明?
不透明度會作用于整個元素以及它所有的子元素,子元素不透明度=父元素不透明度乘以子元素本身不透明度,而opacity的范圍是0~1,所以就算把里面的div的opacity設為1也沒有用,子元素是沒辦法獲得大于父元素的不透明度值的。
背景透明,文字不透明*{ padding: 0; margin: 0;}body{ padding: 50px; background: url(img/bg.png) 0 0 repeat;}.demo{ padding: 25px; background-color: rgba(0,0,0,0.5);/* IE9、標準瀏覽器、IE6和部分IE7內核的瀏覽器(如QQ瀏覽器)會讀懂 *
css樣式怎么設置div中的邊框為半透明