ie浏览器下的图片旋转问题

今天做了一个项目，需要将图片旋转180度，可是使用ie自带过滤属性完全没效果。

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)

于是，想到用前一阵子看的css3属性中matrix方法，也算是温习一下吧。

下面，图片贴出旋转180度的代码

.rotate180{transform: matrix(-1,0,0,-1,0,0);
   -moz-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}

详细的matrix转换矩阵的解释，上一篇文章有详细介绍，温习一下矩阵论就好啦，二维矩阵还是很easy的。

ie浏览器下的图片旋转问题相关推荐

IE下及标准浏览器下的图片旋转（二）—— Canvas（1）
文章过长,一篇无法保存. IE下及标准浏览器下的图片旋转(一)--滤镜,CSS3 3. canvas canvas 是html5中的新标签,使用canvas之前我们先看下它的定义:<canvas ...
IE下及标准浏览器下的图片旋转（二）—— Canvas（2）
文章过长,一篇无法保存 IE下及标准浏览器下的图片旋转(二)-- Canvas(1) 同样,作为最后,我们使用使用jquery也为canvas写个旋转demo: javascript: $(funct ...
linux下BMP图片旋转
linux下BMP图片旋转 MP是英文Bitmap(位图)的简写,它是Windows操作系统中的标准图像文件格式,能够被多种Windows应用程序所支持.随着Windows操作系统的流行与丰富的W ...
IE下显示图片会多出一个边框的问题
IE浏览器下,有的图片会出现一个多余的边框注意: ** 你的图片是否为超链接? ** 如果,图片 <img>标签的父元素中有<a>标签,那么在ie浏览器下查看图片的时候,一般 ...
360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？
问题最近遇到一个验证码出不来的问题,在360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来,效果如下: 这个验证码的代码元素如下,是一张图片,由接口提供的一个图片链接,返回的是文件流. ...
php js 图片旋转,使图片旋转的3种解决方案_基础知识
图片旋转效果的研究最近在项目中需要做图片的旋转功能,我研究了一下.下面来总结下图片旋转在各个浏览器的支持情况一.图片旋转的方案 1)css3实现图片旋转功能:支持的浏览器有chrome,firef ...
js+css3实现鼠标控制图片旋转实现方向舵效果
一.效果效果如图,这是一个方向舵.用鼠标抓住外面的方向盘旋转,而里面的舵标识保持不动. 二.设计思路 1.目标由2张图片组成,利用CSS定位属性组合在一起 2.监听方向盘图片上的鼠标事件,当鼠标按下 ...
微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件
标题微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件图片上传功能作为一个比较常见的功能,有时候需要在微信内置浏览器里打开,但是有些型号的手机会出现打不开的现象,点击 ...
图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)
以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准. css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为ht ...

ie浏览器下的图片旋转问题

ie浏览器下的图片旋转问题相关推荐

最新文章

热门文章