CSS:在IE 6,7之前/之后的选择器之前

时间:2011-01-30 18:32:38

标签: javascript html css css-selectors

我知道:在/之后:选择器在IE 6,7中不可用 http://www.quirksmode.org/css/contents.html

在IE中是否有支持这些选择器的js hack?

5 个答案:

答案 0 :(得分:7)

有一个名为IE7的Javascript解决方案,它修复了常见的IE错误:http://code.google.com/p/ie7-js/

答案 1 :(得分:3)

当然是jQueries beforeafter

还有什么;)

答案 2 :(得分:1)

我不知道它有多好用;但快速搜索发现了一个很有希望的结果:

http://jquery.lukelutman.com/plugins/pseudo/

  

CSS2:之前和之后   伪选择器真的很方便......   但他们不能在互联网上工作   资源管理器。不,甚至不是IE7。我打赌   你在想:“但是如果我们用的话会怎么样   许多专有的微软功能   尽可能同时   那将'显示'他们!“你知道吗?   你是绝对正确的。你刚刚   得爱这个 - * {行为:   表达(...); } - 可以(更多或   less)启用:before和:after for   IE5.5 +

     

使用jquery.pseudo.js   然后,您可以执行以下操作:

p:before, p {
    before: 'foo';
    content: 'foo'; }

p:before, p .before {
    color: blue; }

答案 3 :(得分:1)

使用Jquery你可以随心所欲地支持你,就像这个金块一样

 /* fix top nav ui in ie6*/
if ($.browser.msie && $.browser.version <= 6 ) {
    $('#topNav ul li a:not(:last)').after("/");
}

答案 4 :(得分:0)

在尝试创建支持IE 6和7的https://gist.github.com/1133433时发现了这一点。我曾尝试使用CSS3灵活的盒子模型,但在使用CSS3 Flexible Box时遇到了web-kit中的错误/ box-sizing:border-box,padding和fixed widths。它打破了默认的box-align:stretch(相等的高度)。无论是这个还是决定使用表格。

CSS3 Flexible Box似乎难以控制。如果你想设置固定的宽度,并获得box-align:stretch的好处以及设置填充,你就是SOL。