摘要:第一個(gè)值設(shè)置寬度,第二個(gè)值設(shè)置高度。背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。把圖像圖像擴(kuò)展至最大尺寸,以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域。
percentage
以父元素的百分比來設(shè)置背景圖像的寬度和高度。
第一個(gè)值設(shè)置寬度,第二個(gè)值設(shè)置高度。
如果只設(shè)置一個(gè)值,則第二個(gè)值會被設(shè)置為 "auto"。
cover把背景圖像擴(kuò)展至足夠大,以使背景圖像完全覆蓋背景區(qū)域。
背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。
contain把圖像圖像擴(kuò)展至最大尺寸,以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/114677.html
摘要:這里的關(guān)鍵說明在于標(biāo)紅的兩個(gè)區(qū)域,分別是它會保持圖片的寬高比和當(dāng)圖像和容器具有不同的尺寸時(shí),空區(qū)域左右上右填充背景色。原圖為,所以為了放入,寬,那么高就得寬高比,所以會有下面的空白。 background-size與背景圖片填滿div 在開發(fā)中,常有需要將一張圖片作為一個(gè)div的背景圖片充滿div的需求 background-size的取值及解釋 background-size共有三種...
摘要:,,下對并不支持,那么如何在下兼容呢在下把圖片完整的居中顯示在一定范圍內(nèi)在中添加如下代碼圖片地址下面給出完整的實(shí)例代碼讓兼容的方法圖片地址圖片地址原文地址 ie6,ie7,ie8下對css background-size并不支持,那么如何在ie下兼容background-size呢?在ie下把圖片完整的居中顯示在一定范圍內(nèi)在css中添加如下代碼: filter: progid:DXIm...
摘要:支持情況以及在移動開發(fā)的時(shí)候,需要尺寸減半的需要。實(shí)際看效果的時(shí)候,出現(xiàn)了問題,原來不能這么用。背景圖像縮放同時(shí)保留圖像原有的比例長寬比無論是圖像的寬度或高度超過背景區(qū)域以盡可能大的覆蓋背景區(qū)域。 background-size 支持情況:IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 在移動開發(fā)的時(shí)候,需要尺寸減半的需要。 特別是在引入雪碧圖的時(shí)候...
摘要:,,下對并不支持,那么如何在下兼容呢在下把圖片完整的居中顯示在一定范圍內(nèi)在中添加如下代碼圖片地址下面給出完整的實(shí)例代碼讓兼容的方法圖片地址圖片地址原文地址 ie6,ie7,ie8下對css background-size并不支持,那么如何在ie下兼容background-size呢?在ie下把圖片完整的居中顯示在一定范圍內(nèi)在css中添加如下代碼: filter: progid:DXIm...
摘要:,,下對并不支持,那么如何在下兼容呢在下把圖片完整的居中顯示在一定范圍內(nèi)在中添加如下代碼圖片地址下面給出完整的實(shí)例代碼讓兼容的方法圖片地址圖片地址原文地址 ie6,ie7,ie8下對css background-size并不支持,那么如何在ie下兼容background-size呢?在ie下把圖片完整的居中顯示在一定范圍內(nèi)在css中添加如下代碼: filter: progid:DXIm...
閱讀 2780·2021-09-23 11:44
閱讀 1670·2021-09-13 10:24
閱讀 2619·2021-09-08 09:36
閱讀 1230·2019-08-30 15:54
閱讀 2248·2019-08-30 13:54
閱讀 3308·2019-08-30 10:57
閱讀 1844·2019-08-29 18:43
閱讀 3609·2019-08-29 15:10