回答
具有背景的元素需要是圖像的大小。
即爲Flower.jpg = 255px X 55像素
<div class="flower">
Some text
</div>
.flower {
background: url(flower.jpg) no-repeat;
width: 255px;
height: 55px;
}
如果您使用的背景元素的尺寸不能被設置到圖像的尺寸。你可以使用javascript來計算尺寸。
或者,如果您需要重複圖像,則可以在背景標記上使用repeat,repeat-x或repeat-y。
您未顯示足夠的代碼,但如果背景圖像位於body
元素中,則可能無法在整個視口中伸展。
嘗試
html, body { min-height: 100% }
查看端口只顯示圖像的一半是什麼? – Starx 2010-07-03 12:19:37
@starx嘗試給'body'一個'background-image',而不是將它擴展到100%高度,你會明白我的意思。 – 2010-07-03 12:25:58
如果你只是想顯示的圖像時,IMG標籤更加有用和有效的... ...(而且它可以被設置爲寬度(/ &)高度= 100% )。
如果你想顯示在全尺寸圖像,無需使用CSS這個
不給高度和寬度屬性爲<img>
標籤就像 <img src="this.jpg" />
將在全尺寸顯示
但如果你想讓你的<div>
以全尺寸顯示它的背景,那麼除了分配確切的圖像尺寸外,沒有別的選擇了
- 1. CSS如何設置圖像而不設置寬度和高度
- 2. 圖像集寬度HTML中的高度屬性,CSS中的設置寬度100%
- 3. 設置圖像的寬度和高度
- 4. CSS:100%寬度和高度的背景圖像不起作用
- 5. 重置圖像的寬度和高度設置通過css
- 6. CSS寬度爲100%高度
- 7. 如何將圖像寬度設置爲100%,高度自動設置爲原生?
- 8. 如何設置位圖的圖像高度和寬度屬性
- 9. 在imagecopy上設置新圖像採樣爲100%寬度/高度
- 10. 設置寬度爲100%時計算圖像高度
- 11. CSS:圖像100%高度 - 50px
- 12. 設置圖像高度=寬度(不DIV)
- 13. 如何填充寬度和高度爲100%的圖像DIV?
- 14. 如何使用CSS設置圖像的高度與寬度相同
- 15. 設置Google地圖容器DIV的寬度和高度100%
- 16. 如何設置寬度和高度圖像C#
- 17. 如何設置colorbox iframe中圖像的高度和寬度?
- 18. 如何設置標記包含圖像的寬度和高度
- 19. 如何設置在J2ME(Java)的圖像高度和寬度
- 20. 如何將寬度和高度設置爲可拖動圖像?
- 21. 如何設置圖像的高度和寬度?
- 22. 如何用CSS調整100%的瀏覽器高度和寬度?
- 23. 使用css設置原始圖片寬度和高度的50%使用css
- 24. 用100%的高度倍增圖像/寬
- 25. 使用100%高度和寬度製作應用程序的CSS
- 26. 100%高度或100%寬度
- 27. CSS:圖像100%高度 - 自動寬度 - 由視口約束
- 28. 用作100%寬度和高度的背景的旋轉圖像
- 29. 如何使用css設置相同的圖像高度和寬度?不是背景圖像
- 30. CSS - 100%的高度/寬度問題
也許你應該展示更多的代碼...很難說出爲什麼只發生在一行上: ) – rabidmachine9 2010-07-03 12:12:16