響應式背景圖片

Question

我目前正在研究一個涉及需要特別鏈接到容器div內的元素的背景圖片的項目。

的鏈接是：http://idearevolution.ca/clients/jab/

我遇到的挑戰是，當我調整我的屏幕上的綠圈不留的傢伙後面。我遇到了響應式背景圖像的問題，它們不得不在過去包含的區域內使用元素，但我從未對我的解決方案感到滿意。

我試過的最後一件事是使用Sass來運行一個循環，添加一個媒體查詢來更新每10-20像素的位置。我不喜歡這個解決方案，但是由於它產生的代碼膨脹。

我想知道是否有人遇到過這個問題，如果是的話，你如何去解決它？我已經嘗試了幾件事，但我對任何解決方案都不滿意。

任何幫助將是偉大的。

感謝， 安德魯

Answer 1

語義將最好的解決這個問題。

使用圖像的語義是這樣的：

如果圖像不添加到網站的內容和解釋， 不使用的圖像。

所以，事實上，這個圖像看起來應該只是設計的一部分。 因此，請使用Multiple Backgrounds的CSS3功能。