導航:首頁 > 萬維百科 > 網頁設計css圖片鋪滿

網頁設計css圖片鋪滿

發布時間:2020-12-05 15:48:48

1、html中,怎麼讓背景圖片充滿整個頁面

用Dreamweaver軟體編輯

2、html和css如何做到讓一張圖片鋪滿屏幕呢?

比如<img id='bg' src='bg.jpg'/>

#bg{
position:fixed;

width:100%;

height:100%;

}

3、如何設置CSS網頁中的背景圖片不讓其重復並且鋪滿整個屏幕,不會因為解析度的問題而顯示不出來

只有copyCSS3支持這種用法。

background:url(ss.jpg) center no-repeat;
background-size:cover;

不過這樣一來,IE9及以下版本的瀏覽器都不支持;

所以,實現兼容確實不易,另外我也見過有人使用IE的filter濾鏡實現過,下面這個地址:

htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html(去掉空格)

這篇文章就是介紹這個的,不過這樣一來,性能、兼容等都是大問題。

4、css的 <li> </li>里插入的圖片可以拉伸鋪滿頁面么?

不能,這個只是一個列表

5、網頁設計中怎麼讓一張圖片填充滿整個畫面 求代碼

1、如果樓主只是將其當做一張圖片顯示,可以通過css控制,如img{width:100%;height:100%;}.
否則需要將其作為網頁背景的話可以試試如下方法:
2、如果這張圖片為背景圖片由於背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。
這時可以拐個彎,設置兩層div,底層div當做背景使用,放置一張圖片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

6、CSS 在<div>中設置背景圖片不能充滿整個頁面

請問您復是要問「CSS 在<div>中設置背景圖片不制能充滿整個頁面」,還是「層的四周都不會緊貼頁面邊緣」?如果是前一個,可以這樣修改:
.backdiv{
background-image:url(Background.png);
background-repeat:repeat;
}
如果是後一個,請把問題說清楚一點!

7、為什麼我的html+css中div的背景圖片無法鋪滿

<style>
*{
margin:0px;
padding:0px;
}

body{
background-image:url("background.jpg");
background-attachment:fixed;
}

div{
width:50px;
height:50px;
background:url("145.png");
}
</style>

8、CSS在圖片寬度100%的情況下,如何設置高度始終鋪滿剩下屏幕,並且圖片不變形。

既要寬度100%,又要不變形,這兩個條件決定了圖片的高度不能另外設置,只回能跟隨寬度的變化而變化,答這樣就無法保證完全覆蓋剩餘區域。除非把條件改為:當圖片的寬高比大於區域的寬高比,則圖片的高度100%,寬度超出區域的部分允許突出在區域外面;反之,則寬度100%,高度超出區域的部分允許突出在區域外面。是這個意思嗎?

9、css設置了repeat,但是背景圖片整個網頁內不能鋪滿,求助大神啊~~~

你層加的有問題


<div class="main">
    <div class="main_left"></div>
    <div class="main_right"></div>
    <div  style="clear:both"></div>    <!--你把這個版加上試權試-->
</div>

與網頁設計css圖片鋪滿相關的知識