CSS3变换,希望保持背景图像不旋转

时间:2012-07-10 23:51:22

标签: html css css3

网址为http://teothemes.com/wp/

你可以检查滑块和三角形的两个箭头......我使用了transform:rotate(45deg),一切都很棒但是背景图像也是旋转的,如果你放大那个区域,你会看到一些线条在箭头附近,我需要它像原始背景一样

我尝试添加背景图像:之前和使用transform:rotate(-45deg)将其还原,但bg图像没有显示..它不起作用

非常感谢任何帮助

1 个答案:

答案 0 :(得分:1)

您设置的每个属性都应用于整个元素。如果您希望它的不同部分采用不同的样式,那么您需要使用多种样式。

如果你只想旋转元素内的箭头图像,使用子选择器,nd将图像放在一些img标签内,

div img{...}

这样只会影响图像,而容纳img的div的背景图像将不相关。

如果你没理解我的意思,当我不在我的手机上时,我会清理我的答案......