Css Star hack在IE6和IE8中不起作用

Css Star hack在IE6和IE8中不起作用,css,internet-explorer,internet-explorer-8,internet-explorer-6,Css,Internet Explorer,Internet Explorer 8,Internet Explorer 6,我的star hacks arnt在IE6和IE8中为这些我试图设计的表单元素工作,这有什么帮助吗?但它在ie7中奇怪地工作 一般来说,我试着在类选择器前面添加星号,这使它在IE8和IE7中工作,但仍然不能在IE8和IE6中工作,然后将*应用于firefox、safari、chrome等。这也意味着星号应用于我不需要的所有浏览器,只适用于internet explorer 需要帮忙吗 /* FORMS */ /*SEARCH*/ #searchform .s, #searchform .bu

我的star hacks arnt在IE6和IE8中为这些我试图设计的表单元素工作,这有什么帮助吗?但它在ie7中奇怪地工作

一般来说,我试着在类选择器前面添加星号,这使它在IE8和IE7中工作,但仍然不能在IE8和IE6中工作,然后将*应用于firefox、safari、chrome等。这也意味着星号应用于我不需要的所有浏览器,只适用于internet explorer

需要帮忙吗

/* FORMS */

/*SEARCH*/

#searchform .s, #searchform .but{float:left;}

#searchform .s{
background-color:rgba(128, 129, 132, 0.4);background-image: url(images/line.png);margin-bottom: 10px; border: none;  padding:10px;width: 140px;
font-family: Helvetica, Arial, Sans-serif; font-size: 12px; font-weight: bold; color: #868686; 
}

#searchform .but
{
background-color:rgba(128, 129, 132, 0.4);  margin-bottom: 10px; border: none;  padding:10px;width: 30px;
font-family: Helvetica, Arial, Sans-serif; font-size: 12px;font-weight: bold; color:#00ADEE;
}

/* IE HACK */

*#searchform .s{
*background-color:#C3C3C4;
}

*#searchform .but{
*background-color:#C3C3C4;
*height: 35px
}

/*FIREFOX btn HACK*/    
#searchform .but::-moz-focus-inner {
    padding: 0;
    border: 0
}

/* MAILING LIST */

#mc_embed_signup #mce-EMAIL, #mc_embed_signup #mc-embedded-subscribe{float:left;}

#mc_embed_signup{margin-top: 10px;  
background-image: url(images/ieblue.png); }
#mc_embed_signup #text { padding: 8px 5px 8px 8px;
font-family: Helvetica, Arial, Sans-serif; font-size: 10px; line-height: 14px; font-weight: bold; color: #FFFFFF;}
#mc_embed_signup .asterisk {color: #FFFFFF}
#mc_embed_signup #mce-EMAIL {background-color:rgba(0, 173, 238, 0.6);background-image: url(images/line2.png);
margin-bottom: 10px; border: none;  padding:10px;width: 158px;
font-family: Helvetica, Arial, Sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
#mc_embed_signup #mc-embedded-subscribe {background-color:rgba(0, 173, 238, 0.6);  margin-bottom: 10px; border: none;  padding:10px;width: 30px;
font-family: Helvetica, Arial, Sans-serif; font-size: 12px;font-weight: bold; color:#FFFFFF;
}

/* IE HACK */
* #mc_embed_signup #mce-EMAIL{
*background-color:#60c7ee;
}
* #mc_embed_signup #mc-embedded-subscribe{
*background-color:#60c7ee;
*height: 35px
}

/*FIREFOX btn HACK*/    
#mc_embed_signup #mc-embedded-subscribe::-moz-focus-inner {
    padding: 0;
    border: 0
}

#hidemap{
display: none;}

/* DIRECTIONS */
#daddr #saddr{float:left;}


#saddr {background-color:rgba(128, 129, 132, 0.4);background-image: url(images/line.png);
margin-bottom: 0px; border: none;  padding:10px;width: 158px; ;
font-family: Helvetica, Arial, Sans-serif; font-size: 12px; font-weight: bold; color: #868686;}
#saddrbut {background-color:rgba(128, 129, 132, 0.4);  margin-bottom: 0px; border: none;  padding:10px;width: 30px;
font-family: Helvetica, Arial, Sans-serif; font-size: 12px;font-weight: bold; color:#00ADEE;
}

*#saddr{
*background-color:#C3C3C4;
}

*#saddrbut{
*background-color:#C3C3C4;
*height: 35px
}

/*FIREFOX btn HACK*/    
#saddrbut::-moz-focus-inner {
    padding: 0;
    border: 0
}

我读过一些关于css破解的文章,天哪,它们真是乱七八糟!这本书有很好的参考价值 可用

我建议你在你的html中使用条件注释来进行IE风格设计。它将所有IE特定样式保存在一个单独的文件中:

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

<!--[if lt IE 8]>
  <link href="style-below-ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->

这是关于条件注释的完整指南:
star hack的目标是IE7及以下版本,这解释了为什么它在IE8中不适用于您。我说不出为什么它不适用于IE6;我原以为star hack会对它起作用,但由于我们已经放弃了对IE6的支持,我已经有一段时间没有考虑它了,所以我可能记不清了

我想说的是,使用这样的黑客通常是个坏主意——十有八九,如果你在IE6之外的任何地方使用CSS黑客,那么你就做错了。即使对于IE6,也最好使用条件注释(事实上,这一点适用于IE的所有版本)

如果你必须使用CSS攻击来攻击IE,我建议你看看哪种攻击可以针对IE版本的任意组合

如果您的目标是IE8及以下版本,那么
\9
黑客似乎是合适的。我仍然会重复我之前所说的,如果可能的话,建议不要使用黑客

希望有帮助

[编辑]

它对你不起作用的原因是星黑客攻击的是属性,而不是选择器

所以你有这个:

*#searchform .s{
*background-color:#C3C3C4;
}
而星型黑客只希望在
背景色
行中显示星型,而不是
#searchform
选择器

[编辑二]

更重要的是,你根本不需要在这里使用任何黑客

只需先指定纯彩色的后退版本,然后再指定更高级的版本,浏览器将根据支持的内容选择适合自己的版本:

#searchform .s{
    background-color:#C3C3C4;
    background-color:rgba(128, 129, 132, 0.4);
    margin-bottom: 10px; border: none;
}

请参阅--无需进行黑客攻击。:-)

好吧,我明白了。这仅适用于这3个元素,因此我认为黑客攻击比复制样式表并在以后编辑两个样式表更简单。\9适用于IE7和IE8,但又一次不是6,我不确定这是否与我试图设计输入提要的背景颜色有关,也许IE6不允许,有什么想法吗?@Amy-很可能就是这个原因。但不管怎样,你根本不需要黑客;只需先指定纯彩色版本,然后再指定rgba版本,就可以根据浏览器支持的内容在所有浏览器中工作。(我将编辑答案以反映这一点)嗯,我没有IE6的副本来测试它,但我相当肯定它确实支持输入字段上的背景色。检查您是否处于怪癖模式(但我对此表示怀疑,因为这会给您带来其他问题)。我建议创建一个测试页面,在IE6中演示这个特定的问题(创建一个只包含该字段的基本页面,并使用简单的颜色进行样式设置,而不使用任何hacks等)。如果它仍然表现不好,试着在这里作为一个新问题提问。如果它有效,试着在它周围添加其他东西,直到它破裂,看看你是否能找出导致它的原因。当我尝试这个时,ie从未使用过它?它应该是“ie 8”,而不是“IE8”。谢谢,改变了它@确保样式表href指向正确的css文件。