1、原因分析:img继承了div的opacity属性,所以外面的DIV都透明了,那么它包含的所有元素都是透明的。
2、如果要实现透明边框,子元素不透明,那么就要用这个组合(原来的opacity属性要去掉):
{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000');
background-color:rgba(255,255, 255, 0.3)
}
但要注意这两个属性中的颜色,透明度一定要一致,这个兼容性最高,效果也最好。
startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。 其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。 取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。 EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。