CSS3轉換，要保持背景圖像的非旋轉

Question

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

可以檢查滑塊的兩個箭頭和三角形...我用變換：旋轉（45deg），一切都很好，可是背景圖像也被旋轉，如果你放大該區域，你會看到箭頭附近的一些線條，我需要它就像原始背景

我試圖添加背景圖像：之前和使用轉換：旋轉（-45deg）將其還原回來，但bg圖像不顯示..它不起作用

任何幫助很大讚賞

Answer 1

您設置的每個屬性都應用於整個元素。如果你想讓它的不同部分有不同的風格，那麼你需要使用多種風格。

如果你只是想旋轉箭頭圖像元素，使用子選擇器內，第二把圖像有一定的img標籤內，

div img{...}

這樣，只有圖像將受到影響，而住房img的div背景圖片則無關緊要。

如果你沒有明白我的意思，我會清理我的答案，當我不在我的手機上...