针对不同浏览器的 CSS hack

Question

谁能帮我解决这个问题。我是 css 样式的新手。我有一个 css 文件，其中包含我要构建的 asp.net 网站的所有样式。然而，它在安装了 IE 7 的服务器上运行良好，当我尝试使用 chrome、firefox 或 IE 8 及更高版本查看它时，它有点扭曲了网站的外观。

我需要根据客户端浏览器更改 margin 。我如何实现这一目标？我听说有一个“如果”条件解决方案。意味着我必须在我的元素中编写单独的 css 文件，并根据浏览器包含正确的文件？我不能只更改基本的 css 来检测浏览器并选择适当的样式吗？

我想根据客户端浏览器选择不同的定位。顺便说一下，我正在研究 asp.net 2.0。

现有代码:

#page   
{  
background-image: url('C:/Program Files (x86)/some-path-here/Images/img1.jpg');  
}  

我正在尝试这样做:

html>/**/body #page   
{  
background-image: url('C:/Program Files (x86)/some-path-here/Images/img1.jpg');  
}  

但是 img1 不会加载 IE 8 和 firefox。它适用于 IE 7。

我试图在我的 html 文件中使用以下代码来仅针对 IE 7 进行测试:

<!--[if IE 7] > 正文{
背景颜色:红色；
} <![endif]-- >

然而，当我在 IE 7 上测试页面时，它只显示“背景色:红色；”文本。这是为什么？我在这个条件语句中遗漏了什么吗？它只是获取文本而不对背景颜色做任何处理。谢谢。

Answer 1

您可以为符合标准的浏览器(Chrome、Safari、Firefox 等)编写代码，然后添加 conditional comments用于 Internet Explorer。

编辑:

附带一点，看Eric Myers' CSS reset .这是一个很好的资源。