2013-03-05 77 views
0

我試圖用一個懸停在後臺IMG像這樣:背景IMG響應式設計

.featuredimg{background: url('[imgPathHere]'); 
      width:370px; 
      height:430px;} 
.featuredimg:hover{background: url('[imgPathHere]')0px -430px;} 

的問題是,我使用Twitter的引導,使該網站響應。如何繼續使用背景img懸停,同時允許圖像縮放。現在,無論窗口大小如何,圖像都保持相同的寬度和高度。

+0

你的意思是用'z-index'堆棧它們,並在懸停時顯示父母沒有? – gschervish 2013-03-05 15:49:44

+0

@jtheman真的嗎?你不能? https://developer.mozilla.org/en-US/docs/CSS/background-size – cimmanon 2013-03-05 15:53:42

回答

0

使用:之前/:之後而不是background-size屬性來放大您的背景圖像。