ie如何兼容transform,而不会出现镜像
<style type="text/css">
#wai{
width: 379px;
height: 189px;
/*border-radius: 50%;*/
margin: 100px auto;
position: relative;
}
img{
/*border-radius: 50%;*/
cursor: pointer;
}
#a1{
position: absolute;
left: 0px;
top: 0px;
backface-visibility: hidden;
transition: all 1s;
z-index: 1;
}
#a2{
transform: rotateY(180deg);
transition: all 1s;
}
#wai:hover #a1{
transform: rotateY(180deg);
}
#wai:hover #a2{
transform: rotateY(0deg);
}
</style>
</head>
<body>
<div id="wai">
<div id="a1"><img src="images/1.jpg" alt=""></div>
<div id="a2"><img src="images/2.jpg" alt=""></div>
</div>
</body>
为什么在ie里出现镜像效果,而且还不流畅,求帮助啊
#wai{
width: 379px;
height: 189px;
/*border-radius: 50%;*/
margin: 100px auto;
position: relative;
}
img{
/*border-radius: 50%;*/
cursor: pointer;
}
#a1{
position: absolute;
left: 0px;
top: 0px;
backface-visibility: hidden;
transition: all 1s;
z-index: 1;
}
#a2{
transform: rotateY(180deg);
transition: all 1s;
}
#wai:hover #a1{
transform: rotateY(180deg);
}
#wai:hover #a2{
transform: rotateY(0deg);
}
</style>
</head>
<body>
<div id="wai">
<div id="a1"><img src="images/1.jpg" alt=""></div>
<div id="a2"><img src="images/2.jpg" alt=""></div>
</div>
</body>
为什么在ie里出现镜像效果,而且还不流畅,求帮助啊
0 个回复