如何在 ie6 上不显示 css 阴影？

发布于 2024-11-07 22:46:47 字数 560 浏览 0 评论 0原文

我想知道是否可以忽略 ie6 上的 css 阴影而不使用条件语句来过滤 css。

这是我当前的 css：

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);

也许 -ms-filter-ie6: none 或类似的东西 :P

原文

I want to know if I can ignore my css drop shadow on ie6 without using conditional statements to filter the css.

here is my current css:

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);

Maybe -ms-filter-ie6: none or something :P along those lines

分享到QQ

分享到微博

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

发布评论

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

嘦怹 2024-11-14 22:46:47

在 -ms-filter: 行下方添加以下行应该可以工作：

* html -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(enabled=false)";

* html 只能由 IE6 读取。但这是 CSS hack，这是非常糟糕的做法。您应该使用条件语句。

Adding the following line below your -ms-filter: line should work:

* html -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(enabled=false)";

The * html is read only by IE6. But that is a CSS hack, which is very bad practice. You should use conditionals instead.

回复收藏 0 原文

忘年祭陌 2024-11-14 22:46:47

使用仅 IE CSS 条件注释禁用 IE6/Win 的专有过滤器：

<!--[if IE 6]>
    <style type="text/css">
        .drop-shadow {
            filter: progid:DXImageTransform.Microsoft.Shadow(enabled='0');
        }
    </style>
<![endif]-->

'< a href="http://msdn.microsoft.com/en-us/library/ms532876%28v=vs.85%29.aspx" rel="nofollow">enabled' 过滤器属性是一个布尔值，需要 true 或 false 值来启用或禁用过滤器：

0 = false（过滤器已禁用）
1 = true（默认值。过滤器已启用）

Use an IE-Only CSS Conditional Comment that disables the proprietary filter for IE6/Win:

<!--[if IE 6]>
    <style type="text/css">
        .drop-shadow {
            filter: progid:DXImageTransform.Microsoft.Shadow(enabled='0');
        }
    </style>
<![endif]-->

The 'enabled' filter attribute is a boolean that expects a true or false value to enable or disable the filter:

0 = false (Filter is disabled)
1 = true (Default value. Filter is enabled)

回复收藏 0 原文

情场扛把子 2024-11-14 22:46:47

IE6 只知道 filter，它无法识别 -ms-filter 样式，因此删除 filter 就可以了。缺点是这也会杀死 IE7。

回复收藏 0 原文

浪荡不羁 2024-11-14 22:46:47

您可以使用 /**/ hack。

filter/**/: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

它应该被ie6忽略，但我没有ie6来测试它。

正如 Justin Satyr 所说，这是一个 hack，你应该使用条件注释。

You can use te /**/ hack.

filter/**/: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

It should be ignored by ie6, but I don't have ie6 to test it.

As Justin Satyr said it's a hack and you should use conditional comments.

回复收藏 0 原文

初熏 2024-11-14 22:46:47

我已经将条件放在标记上：

<!DOCTYPE HTML>
<!--[if lt IE 7 ]>  <html class="ie ie6"><![endif]-->
<!--[if gte IE 7 ]> <html class="ie"><![endif]-->
<!--[if ! IE ]><!--><html class="notie"><!--<![endif]-->
<head>
    ...

然后在样式表中可以执行此操作（现在只需要一个样式表，并且 html 中没有内联样式）

.ie6 .drop-shadow
{
    filter:none; /* or whatever */
}

如果您对于其他 IE 需要不同的代码，您可以添加更多条件。我有一个项目，其中 IE6、IE7、IE8 和 IE9 的至少一项行为都不同（但 FF、Chrome 和 Safari 很接近），因此有五个不同的标签。

如果您使用 DreamWeaver，我听说您还需要在周围添加相同的注释。

如果您需要针对其他浏览器的不同代码，则必须使用 jQuery 或类似的方法来添加类：例如 $('html').addClass('ff4'); 尽管如果使用 js，情况可能会出乎意料未启用。

I've been putting the conditionals on the <html> tag:

<!DOCTYPE HTML>
<!--[if lt IE 7 ]>  <html class="ie ie6"><![endif]-->
<!--[if gte IE 7 ]> <html class="ie"><![endif]-->
<!--[if ! IE ]><!--><html class="notie"><!--<![endif]-->
<head>
    ...

And then in the style sheet one can do (you only need one style sheet now, and no inline styles in the html)

.ie6 .drop-shadow
{
    filter:none; /* or whatever */
}

If you need different code for other IEs you can add more conditionals. I've had one project where IE6, IE7, IE8 and IE9 all behaved differently for at least one item (but FF, Chrome and Safari were close), so there was five different <html> tags.

If you use DreamWeaver I've heard you'll need the same comments around the </html> as well.

If you need different code for other browsers, you would have to use jQuery or similar to add classes: like $('html').addClass('ff4'); though things might be unexpected if js is not enabled.

回复收藏 0 原文

~没有更多了~