小编典典

:after和:before IE 7的CSS伪元素黑客

html

我正在使用:after:beforeCSS伪元素,并且它在 IE8 和所有现代浏览器中都可以正常工作,但在 IE7中
却不能正常工作。在 IE7中 是否存在已知的解决方法?


阅读 458

收藏
2020-05-10

共1个答案

小编典典

我在项目中使用的是IE8.js(http://code.google.com/p/ie7-js/),我必须将其删除,因为它在10/15秒内阻止了IE7。

为了保留用:after和:before伪元素生成的内容,而没有IE8.js,我做了以下工作:

   .tabs {
     *zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("small") ).className="after"
         );
   }

   .tabs:after,
   .tabs .after {
     content: '';
     display:block;
     height:10px;
     width:100%;
     background:red;
   }

我更喜欢这种方式而不是使用javascript,因为这会将所有选择器都放在同一位置:)

2020-05-10