CSS3翻转图片问题

2025-01-01 13:41:33

推荐回答（3个）

回答1：

对你的问题倒是没有答案，只是看到你问题，想插句嘴。你注意-webkit前缀，你要用这种方式实现了，你不用webkit内核的浏览器完全没法看。你应该写：
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
目前情况下，正确的方式在目前是通过js配合css实现，css3距离普及还早着呢。目前主流浏览器对css3和html5的实现方式完全不一样，所以都得单独设置。

回答2：

div:hover 里面透明度设置为1 ，就是不透明，添加背景图片background-image就可以了~按理说这种方法是错的。你要2面都有内容的话，需要2个div，分别代表正面的内容和反面的内容才行。

回答3：

尝试在

div:hover
{
-webkit-transform:rotateY(180deg);
background-image:url(222.jpg);
}

里加上另一张背景呢？