中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

6、background-size

目前我們已經(jīng)可以使用這種比較靈活的方式去重定義背景圖像的大小。

background: url(path/to/image.jpg) no-repeat; 
background-size: 100% 100%;

上面的代碼使得背景圖像已經(jīng)占據(jù)了整個可用空間。但是，如果我們使用一個特殊的圖片去占據(jù)body元素的整個空間而無論窗口有多寬，那又怎么做？

body, html { height: 100%; } 
body { 
background: url(path/to/image.jpg) no-repeat; 
background-size: 100% 100%; 
}

對，就是這么做，分別定義background-size的x,y參數(shù)。

最新版本的Chrome 和 Safari支持此屬性，但我們還是要用舊的方法支持舊的瀏覽器。

body { 
background: url(path/to/image.jpg) no-repeat; 
-moz-background-size: 100% 100%; 
-o-background-size: 100% 100%; 
-webkit-background-size: 100% 100%; 
background-size: 100% 100%;  
 }

7、text-overflow

瀏覽器最初開發(fā)文本溢出屬性可以設定兩個值：clip     ellipsis

此屬性支持切斷容器中的文本，而且也給出了一個省略號的特性。

出處：藍色理想
責任編輯：bluehearts

上一頁 你需要熟知10個的CSS3屬性 [5] 下一頁 你需要熟知10個的CSS3屬性 [7]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。