我在IE9中使用以下内容: filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 它以旋转文本的方式工作,但奇怪的是它无缘无故地给元素一个黑色背景?! CSS: .view-see-the-difference-in-your-
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; }
另请注意,除了过滤器之外,我有所有浏览器旋转的原点.
这里使用的语法是什么?
.ie9 .view-see-the-difference-in-your-sector .views-field-title span { filter:none; }
你必须检测你的浏览器是否是ie9并将此类添加到某个父节点,如body标签.