gpt4 book ai didi

html - 如何使用 CSS 不透明度让背景在 IE8 中渗透?

转载 作者:太空宇宙 更新时间:2023-11-04 05:11:24 25 4
gpt4 key购买 nike

我有一个带有粉红色背景图像的 HTML 页面。我想在页面上为文本定义一个 DIV,但我希望背景在 DIV 中显示得更浅,几乎是白色。我试过了,但它似乎不适用于 IE8。

我的 HTML...

<html>
<head>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="div1">
testing
</div>

</body>
</html>

这是我的 CSS 文件 ...

body
{
background-image:url('back.jpg');
background-repeat:repeat;
}

.div1
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
background: #ffffff;
}

有什么想法吗?

最佳答案

您必须牢记的是,不透明度属性会影响整个 元素的不透明度,包括其文本/子元素。如果您只想影响背景,则需要以不同的方式处理它。

您可以为现代浏览器使用 RGBA:

.div1 {
background-color: rgba(255,255,255, .4);
}

然后,在单独的 IE 样式表中(使用条件注释或类似方法):

.div1 {
background: transparent url(white_trans.png);
}

您需要制作一张 PNG-24 图像,1 像素 x 1 像素,只是将白色降低到 40% 的不透明度。这将适用于 IE7 和 8。

关于html - 如何使用 CSS 不透明度让背景在 IE8 中渗透?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9261425/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com