1
你好 我正在建立一個新聞的信,現在信件的一個要求是背景圖像的一些TD 現在我需要使圖像調整大小,因爲他們的父母TD是調整大小,即如果表格的寬度設置爲50%或500或任何其他值,我需要的背景圖像調整大小以適應新的寬度任何想法:)背景圖像自動調整大小表格單元格
你好 我正在建立一個新聞的信,現在信件的一個要求是背景圖像的一些TD 現在我需要使圖像調整大小,因爲他們的父母TD是調整大小,即如果表格的寬度設置爲50%或500或任何其他值,我需要的背景圖像調整大小以適應新的寬度任何想法:)背景圖像自動調整大小表格單元格
有了CSS3,你可以用background-size
屬性調整你的背景 感謝:
將這添加到您的CSS將在最新的瀏覽器中將背景延伸至100%寬度和100%高度。
td {background-size: 100% 100%;}
這可能不利扭曲圖像。然而,這樣你可能會更喜歡使用只是background-size: 100%;
其設置寬度爲100%,高度爲自動。
爲了支持稍舊的瀏覽器,你將需要使用供應商前綴,像這樣:
-moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100%; /* Opera 9.5 */
-webkit-background-size: 100%; /* Safari 3.0 */
-khtml-background-size: 100%; /* Konqueror 3.5.4 */
-moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */
上面的例子is from this site,以及完整的規範是在這裏 - http://www.w3.org/TR/css3-background/#the-background-size
可否請你發佈一些代碼和使用樣式,它很難理解你需要什麼。 – JackLeo 2011-03-01 11:17:52