IE6实现水平翻转图片！IE6 6 6 6 6 6

AW 2012-06-14 08:31:07

IE6如果实现图片水平翻转，

transform: rotateY(180deg);filter:FlipH;-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1);

都试过了不行啊，急急急在线等

...全文

120 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

liue_0612 2012-06-15

打赏
举报

#1楼代码能得到效果

AW 2012-06-15

打赏
举报

還有誰知道嗎

001007009 2012-06-14

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<title>无标题文档</title>

</head>

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">  

<style type="text/css">  

</style>  

<SCRIPT language=JavaScript>  

var isIE = (document.uniqueID)?1:0;

var i=1;

function rotate()

{

var object = images1.parentNode;  

if(isIE){  

images1.style.filter="progid:DXImageTransform.Microsoft.BasicImage( Rotation="+i+")";

i++;

if(i>4)

{i=1};

}

 

}  

</script>  

</head>  

<div><button onClick="rotate();">转</button></div>  

<div ><img src="http://f.imagehost.org/0607/Fruit_01_02_502_1024.jpg" id="images1"></div>

</body>  

</html>