文章/答案/技术大牛

发布

ie csshack

基础概念

CSS Hack 是一种针对不同浏览器的兼容性问题进行特定优化的方法。由于不同浏览器对 CSS 的解析和渲染存在差异，开发者需要使用特定的 CSS 代码来确保网页在各个浏览器中都能正确显示。

类型

条件注释：这是 IE 浏览器特有的方式，通过 HTML 条件注释来加载特定的 CSS 文件或样式。
条件注释：这是 IE 浏览器特有的方式，通过 HTML 条件注释来加载特定的 CSS 文件或样式。
选择器 Hack：利用不同浏览器对 CSS 选择器的支持差异来实现样式调整。
选择器 Hack：利用不同浏览器对 CSS 选择器的支持差异来实现样式调整。
属性 Hack：通过在不同浏览器中支持不同的 CSS 属性来实现样式调整。
属性 Hack：通过在不同浏览器中支持不同的 CSS 属性来实现样式调整。

应用场景

CSS Hack 主要应用于解决旧版浏览器（如 IE6、IE7）的兼容性问题，确保网页在这些浏览器中能够正确显示。

遇到的问题及解决方法

问题：为什么在某些浏览器中样式没有生效？

原因：

选择器不兼容：某些浏览器可能不支持特定的 CSS 选择器。
属性不兼容：某些浏览器可能不支持特定的 CSS 属性。
条件注释错误：条件注释的语法错误或路径错误。

解决方法：

检查选择器：确保使用的选择器在目标浏览器中是兼容的。
检查属性：确保使用的属性在目标浏览器中是支持的。
检查条件注释：确保条件注释的语法正确，并且路径正确。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS Hack Example</title>
    <style>
        .selector {
            color: red; /* 所有浏览器 */
            *color: blue; /* IE7 及以下 */
            _color: green; /* IE6 */
        }
    </style>
    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css">
    <![endif]-->
</head>
<body>
    <div class="selector">Hello, World!</div>
</body>
</html>

参考链接

通过以上方法，可以有效解决 IE 浏览器的 CSS 兼容性问题，确保网页在不同浏览器中都能正确显示。

页面内容是否对你有帮助？

有帮助

没帮助

css calc -用两个小数情况下的四舍五入

、、

我有以下情况： width: calc((100% / 11) - 9.09px);在上下文中，100% = 1440px和9.09px是在数学中用sass生成的。怎样才能把从圈到最近的百分之一的地方？

浏览 6提问于2016-06-10得票数 49

3回答

如何将css作为ie7标准的目标

、、、、

像其他许多人一样，我真的讨厌为IE7开发，并且像往常一样使用下面的方法： <link rel="stylesheet" type="text/css" href="../res/styleie7.css">这针对的是浏览器版本的IE7，而不是IE7的文档标准。我需要为使用更新版本的IE(IE8，9

浏览 1提问于2013-10-23得票数 1

3回答

如何编写IE8特定的css样式

、

有没有可能在不使用js或jquery的情况下为几个元素编写IE8特定的样式？我有一个使用行高的要求，这在firefox和chrome中工作得很好，在IE8中我想减少2px的行高，我可以在style类中做到这一点吗？

浏览 0提问于2012-10-19得票数 1

回答已采纳

3回答

如何有条件加载CSS

、、、

如果浏览器不是IE执行，下面的代码定义：...如果我想编辑上面的.IF IE but IE version is less than 9 ..SHOW THIS我怎样才能做到这一点？在搜索时，我发现的是如何决定它是IE版

浏览 7提问于2014-03-25得票数 3

回答已采纳

4回答

目标为IE9或IE8，但不能同时使用CSS

、、

我如何使用CSS单独针对IE8，因为我已经尝试添加\9，例如：然而，它也会影响IE9，我不希望这样，因为在IE9上整个网站看起来都很好。

浏览 5提问于2011-05-02得票数 10

2回答

如何检测用户是否正在使用IE，并通知他们站点不支持IE？

、、

如何检测用户是否正在使用Internet Explorer，并将他们重定向到通知网站不支持IE的页面？谢谢。

浏览 0提问于2013-09-29得票数 0

1回答

Internet条件注释标记

、

[if IE]><![endif]>这样的条件标记，你们如何只为IE处理自定义代码？我需要插入自定义CSS，我想只为IE工作。我找不到任何简单的解决办法。

浏览 2提问于2015-08-12得票数 1

回答已采纳

2回答

如何为IE定义不同的填充值？

、、、

我需要在Internet Explorer中分配一个不同的pading值，因为当我声明<div>的高度时，它会将其计算为高度+填充(它在Firefox和Chrome中都工作得很好)。#payment{ border: 1px solid #cecece; -webkit-box-shadow: 0 2px 7px rgba(50,50,50,0.46);

浏览 0提问于2012-12-20得票数 0

回答已采纳

2回答

IE9问题，CSS未加载

、

我对IE9上的CSS有问题，CSS没有正确加载，我在尝试什么？删除doctype之前所有不必要的空白。

浏览 3提问于2014-04-22得票数 0

3回答

IE的自定义css属性

、

由于IE不支持这是有一种方法，我可以添加一个IE唯一的规则，以便它将改变字体颜色，如果浏览器是IE。

浏览 1提问于2011-02-17得票数 1

6回答

如何在jade中添加有条件的html标记？

、、、

--[if lt IE 7 ]> <html class="ie6"> <![endif]--><!--[if IE 9 ]>

浏览 0提问于2011-10-14得票数 26

回答已采纳

3回答

CSS中只有IE元素吗？

有没有办法在CSS中创建一个仅IE元素？我需要在IE中的边际与其他浏览器相比有所不同。如何在实际的样式表中做到这一点？

浏览 0提问于2013-05-12得票数 0

回答已采纳

1回答

IE媒体查询javascript 'response‘不工作

、、、

--[if (lt IE 9) & (!

浏览 3提问于2013-03-26得票数 1

回答已采纳

2回答

仅IE样式表，如何防止IE加载其他样式表

、

作为的后续，如何防止Internet Explorer加载多个样式表(因为我希望Firefox和Chrome加载一个，而IE加载另一个？)例如，IE是否会加载这两个内容： <link href="/Content/SiteIE.css" rel="stylesheet" type="text/css"> <!

浏览 0提问于2012-08-19得票数 1

回答已采纳

1回答

等待登录，但不会看到页面

、、

我想做一个自动登录的网页，而不是看到的页面(它必须是透明的用户)。所有这些都必须通过使用c#实现。有什么想法吗？

浏览 0提问于2011-08-25得票数 0

5回答

如何仅在IE8或IE9中调用jquery

、、

有没有只针对IE8或IE9的代码？<script src=ie9.js></script>

浏览 0提问于2013-06-19得票数 0

1回答

jQuery不能在任何版本的ie中工作？

、、

我是mac上的初级程序员(所以我没有ie)，并且构建了一个相对简单的ajax jquery应用程序，它根据存储在数据库中的$msg，显示表单元素(可以是一个按钮，一个选择/下拉菜单，或者只是一个文本和一个链接我的代码在Chrome和Firefox中运行良好，但当我在所有版本的IE中测试时，表单元素(在5秒延迟时)会恢复到加载页面时的位置。

浏览 1提问于2012-12-20得票数 1

回答已采纳

1回答