1、html網頁設計裡面怎麼平鋪背景圖片
html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:
1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。
2、網頁設計背景圖片時怎麼使圖片不重復平鋪
.tabbg {
background-attachment: scroll;
background-image: url(images/tabbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
調用:class="tabbg"
注意:CSS代碼中的background-position: left bottom;就是定義背景圖片的位置為左下,可根據具體需要做調整,如右上right top;左上left top;右下right bottom;等等。
如果想不重復,背景圖要大點哦
3、網頁製作里背景怎麼平鋪填滿啊 還有沒有其他方法
是用一張圖片將整個屏幕鋪滿嗎?如果是的話:
1:用CSS3(對瀏覽器有要求)。
2:將背景圖片做的比瀏覽器窗口寬高大。
3:用fixed固定圖片,而不採用背景的方法(百度首頁背景圖片就是採用這種方法)。
4、網頁設計中使圖片平鋪的代碼是什麼?
背景平鋪的話
background:url(../images/.gif) no-repeat;你只要加在css樣式里就可以了
5、網頁設計背景圖片怎麼設置成為平鋪?我設置網頁背景是總是幾張相同的圖片共同鋪滿,我想用一張鋪滿。
可以用css樣式來編輯的
選擇不重復,就是整張填充
6、(急)在網頁製作中,怎樣調整插入的圖片平鋪或者拉伸?
你最好把圖片切割成相應大小再放上去,拉伸會失真!
<img border="0" src="圖片地址" width="468" height="60">
上面是圖片插入的語句
width=寬度
height=高度
7、網頁設計中怎麼讓一張圖片填充滿整個畫面 求代碼
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方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。
8、網頁設計中怎麼樣將背景圖片做成一張?而不是平鋪在瀏覽器中。
用css的屬性實現:
background-repeat:norepeat
9、怎麼使網頁中的背景圖片平鋪~!急
CSS設置背景圖片平鋪:
<style type="text/css">
<!--
body {
background-image: url(img/top04.jpg);
background-repeat:no-repeat;:repeat;repeat-x;repeat-y;
【在此設置,分別顯示背景為,不平鋪,平鋪,沿X軸平鋪,沿Y軸平鋪】
}
-->
</style>
解決辦法,圖片高寬設置合適後,使用background-repeat:no-repeat;