首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css兼容图片在IE下倒置了

发布于 2024-11-11 15:35:34
0
24

CSS兼容问题一直是前端开发中不可避免的难题,其中之一就是在IE下兼容性不佳导致图片倒置的问题。

img {
  -ms-transform: rotate(180deg); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE 8 */
  transform: rotate(180deg);
} 

解决方法较为简单,只需要在CSS中添加上面的代码即可。其中,-ms-transform: rotate(180deg)是针对IE9的兼容性代码,而-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"则是针对IE8及以下版本的兼容性代码。同时,transform: rotate(180deg)也要加上,以兼容其他浏览器。

总之,在前端开发中遇到兼容性问题时,不妨多尝试各种方法,并及时了解新的兼容性技巧,以便更好地解决问题。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流