【问题标题】:CSS3 transform, want to keep the background image non-rotatedCSS3变换,想要保持背景图片不旋转
【发布时间】:2012-07-11 08:04:05
【问题描述】:

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

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

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

非常感谢任何帮助

【问题讨论】:

    标签: html css


    【解决方案1】:

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

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

    div img{...}

    这样只会影响图像,而包含 img 的 div 的背景图像将无关紧要。

    如果你不明白我的意思,我会在我不在手机时清理我的答案......

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-05-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-07-02
      • 1970-01-01
      相关资源
      最近更新 更多