gpt4 book ai didi

internet-explorer - 如果 IE 无法正常工作

转载 作者:太空宇宙 更新时间:2023-11-03 20:54:54 29 4
gpt4 key购买 nike

我有 1 个 div,我想对其应用渐变和背景图像(是的,在同一元素上)。我知道只有当您定位的浏览器不是 IE 时才有可能。考虑到这一点,我想到仅针对 IE 应用纯色而不是渐变,并在其顶部添加图像。

这是我的代码:

background: url(../images/newsletter.png), -moz-linear-gradient(top, rgb(10,10,01) , rgb(5,5,5));
background: url(../images/newsletter.png), -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), to(#05050f));
background-repeat: no-repeat, repeat;
<!--[if IE]>
background: #000 url(../images/newsletter.png) center left no-repeat;
<![endif]-->

问题是条件被忽略,在 FF/Chrome 声明之前或之后。 (我已经测试了 [if false] 等)有什么想法吗?

最佳答案

您不要在 CSS 中放置那种条件;它进入您的 HTML。因此,使用 IE 修复程序创建一个新样式表,并在条件注释中链接到它:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

例如。 但是,这是一般情况;你可以将你现在拥有的重写为:

background-color: black;
background-image: url(../images/newsletter.png);
background-image: url(../images/newsletter.png), -moz-linear-gradient(top, rgb(10,10,01) , rgb(5,5,5));
background-image: url(../images/newsletter.png), -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), to(#05050f));
background-repeat: no-repeat;

它在没有丑陋的条件注释的情况下优雅地降级,并且不仅仅在 Internet Explorer 上优雅地降级。

关于internet-explorer - 如果 IE 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11713459/

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