当前位置 : 主页 > 网页制作 > css >

CSS3旋转导致IE9出现问题

来源:互联网 收集:自由互联 发布时间:2021-06-13
我在IE9中使用以下内容: filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 它以旋转文本的方式工作,但奇怪的是它无缘无故地给元素一个黑色背景?! CSS: .view-see-the-difference-in-your-
我在IE9中使用以下内容:

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

它以旋转文本的方式工作,但奇怪的是它无缘无故地给元素一个黑色背景?!

CSS:

.view-see-the-difference-in-your-sector .views-field-title span {
   display: block;
   -moz-transform: rotate(-90deg); 
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform:rotate(-90deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  zoom: 1;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
   width: 200px;
}

另请注意,除了过滤器之外,我有所有浏览器旋转的原点.
这里使用的语法是什么?

我发现这个黑客可以解决我的问题.你应该添加filter:none;风格到黑色背景的容器.不知何故,ie9不支持ie8使用的过滤器样式,所以你必须禁用它.在你的情况下:

.ie9 .view-see-the-difference-in-your-sector .views-field-title span  {
   filter:none;
}

你必须检测你的浏览器是否是ie9并将此类添加到某个父节点,如body标签.

网友评论