循环见证透明背景在IE中不起作用

发布于 2025-01-01 04:36:43 字数 222 浏览 1 评论 0原文

我正在使用 jquery 循环在我的网站上显示推荐,并希望将背景设置为透明。更改 CSS 后,背景在 FF、Safari、Chrome 和 Opera 中是透明的,但在 IE(特别是 8/9)中拒绝透明。我尝试了各种方法,包括使用透明背景 png/gif 但无济于事。

你可以在我的测试网站上看到这个

有人知道如何使其透明吗?或者使用另一个证词轮换员来代替,这将使透明度更容易处理。

谢谢

I'm using jquery cycle to display testimonials on my site and want to set the background to transparent. Having changed the CSS the background is transparent in FF, Safari, Chrome and Opera but refuses to be transaprent in IE (specifically 8/9). I've tried all manner of things including using a transparent background png/gif but to no avail.

You can see this on my test site

Does anyone know how to make it transparent? Or another testimony rotator to use instead that will make transparency easier to deal with.

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

行雁书 2025-01-08 04:36:43

问题是IE将背景颜色设置为#fff;

如果您在 IE 中查看源代码,您将看到:

<BLOCKQUOTE style="Z-INDEX: 5; POSITION: absolute; WIDTH: 308px; ZOOM: 1; DISPLAY: block; BACKGROUND: #ffffff; HEIGHT: 150px; TOP: 0px; LEFT: 0px" jQuery15205686771777138462="2" cycleH="150" cycleW="308">
<P>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. " <CITE>- Martin, NY</CITE></P></BLOCKQUOTE>

修复:将 !important 添加到您的 css 背景颜色规则中,以覆盖内联规则。

#testimonials1 blockquote {  background-color: transparent !important; }

或者

#testimonials1 blockquote {  background: transparent !important; }

The problem is IE set the background color to #fff;

If you do view source in IE, you will see:

<BLOCKQUOTE style="Z-INDEX: 5; POSITION: absolute; WIDTH: 308px; ZOOM: 1; DISPLAY: block; BACKGROUND: #ffffff; HEIGHT: 150px; TOP: 0px; LEFT: 0px" jQuery15205686771777138462="2" cycleH="150" cycleW="308">
<P>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. " <CITE>- Martin, NY</CITE></P></BLOCKQUOTE>

The fix: add !important to your css background-color rule, to over-write the inline rule.

#testimonials1 blockquote {  background-color: transparent !important; }

or

#testimonials1 blockquote {  background: transparent !important; }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文