IE6如果实现图片水平翻转,transform: rotateY(180deg);filter:FlipH;-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1);都试过了不行啊,急急急在线等

解决方案 »

  1.   


    <!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>
    firefox 等可以用css3来写
    参考下
    http://dcoupe.diandian.com/post/2010-10-12/12382923