我使用懸停事件創建圖像。唯一的問題是它不會縮小到更小的尺寸或移動屏幕。我花了很多時間研究,沒有找到任何東西。我認爲100%的寬度應該已經做到了。我肯定錯過了什麼。使用以下命令調整圖像大小/縮放比例
之前,我的大腦分裂請幫助。 另外,批評歡迎。
我使用懸停事件創建圖像。唯一的問題是它不會縮小到更小的尺寸或移動屏幕。我花了很多時間研究,沒有找到任何東西。我認爲100%的寬度應該已經做到了。我肯定錯過了什麼。使用以下命令調整圖像大小/縮放比例
之前,我的大腦分裂請幫助。 另外,批評歡迎。
檢查這一個移除背景圖片:
body, html {
width:100%;
height:100%;
}
.myButtonLink {
background: url("https://dl.dropbox.com/u/5869656/Caroline%20Ziv/Home-test3.jpg") no-repeat scroll 0 0 transparent;
border: 10px solid #FFFFFF;
box-shadow: 1px 1px 2px #E6E6E6;
display: block;
height: 100%;
text-indent: -99999px;
width: 100%;
background-size: 100%;
}
.myButtonLink:hover {
background: url("https://dl.dropbox.com/u/5869656/Caroline%20Ziv/Home-test5.jpg") no-repeat scroll 0 0 transparent;
border: 10px solid #FFFFFF;
box-shadow: 1px 1px 2px #E6E6E6;
background-size: 100%;
}
也可以在css下應用於您在iframe中加載的頁面。
body, html {
width:100%;
height:100%;
}
希望這將有助於
它解決了!我會鼓勵你們兩個,但我沒有聲望。非常感謝。 – user2066755 2013-02-13 14:42:11
代表15需要upvoting,但您可以選擇一個作爲最佳答案,方法是選中答案左側的刻度線。 – 2013-02-13 19:19:59
執行以下操作:
max-width: 100%;
到img
text-indent: -9999px;
div
我會鼓勵你們兩個,但我沒有聲望。非常感謝。 – user2066755 2013-02-13 14:41:48
發佈您的代碼 - 不要讓人們跳通箍來幫助你。 – 2013-02-13 01:38:36