我所拥有的是带有背景图像的div,在这样的div中我有另一个较小且背景颜色为白色的元素。在这个元素里面,我有文字,我不想透明,所以我们可以看到第一个div的背景图像。
尝试应用color: transparent;
,但似乎无效。是否有可靠的css方法来实现这一目标?
答案 0 :(得分:0)
你做不到。做这样的事情的唯一方法是让“带有文本的背景”成为你放在背景图像上的图像。
答案 1 :(得分:0)
实际上这只适用于CSS。在你的较小元素与白色背景你可以使用CSS3与IE 6-8的后备。对于后备,您可以使用透明的PNG。
白色bg的CSS3代码为:
background-color: rgba(255,255,255,0.5)
我为您设置了一个codepen,以便查看代码。 http://codepen.io/DheerG/pen/tkKqC
此外,如果您希望较小元素中的所有内容都是透明的,则可以使用css opacity
元素。
opacity: 0.6;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
/* IE 5-7 */
filter: alpha(opacity=60);