如何将两种css应用于一个控件,一个用于Internet Explorer,另一个用于firefox和chrome

时间:2013-03-19 11:37:49

标签: asp.net css

如何将两种css应用于一个控件,一个用于Internet Explorer,另一个用于firefox和chrome

只是在Internet Explorer中,contentplaceholder今天移动到另一个地方,过去几天没有问题

<div id="content" style="margin-top:28px; margin-left: 240px; border:0px solid;">
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>


<!--[if IE]>
#hellocss
{
    margin-top:-600px; margin-left: 100px; border:0px solid;
}
<![endif]-->

<!--[if !IE]>
#hellocss
{
    margin-top:28px; margin-left: 240px; border:0px solid;
}
<![endif]-->

我遇到一个大问题,它可能是Internet Explorer中margin-top的负数

3 个答案:

答案 0 :(得分:0)

您可以在CSS中使用Conditional Comments

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

答案 1 :(得分:0)

为ContentPlaceHolder提供一个类:

<asp:ContentPlaceHolder CssClass="contentPlaceHolderClass" id="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>

并在页面顶部使用条件CSS来定义此样式:http://www.quirksmode.org/css/condcom.html

答案 2 :(得分:0)

我认为您可以在启动属性名称时使用下划线(_),以便它只适用于IE。

像 风格=“风格=”保证金顶:28px; margin-left:240px; border:0px solid; _margin-top:10px; _margin-left:240px; _border:0px solid; “&gt;