1、網頁製作圖片滑動另一張進入怎麼製作?
|
2、網頁製作中,怎麼把倆張圖片疊加在一起?或者說,用div或table加了一圖片,要在圖片上+個文本,怎麼弄啊
2種方法
1、一張圖片作為背景,一張圖片放進去。。。
2、用疊層的方法,也就是2個DIV ,一個用position:relative 作為父層,也就是最下面的那個層。一個DIV用position:absolute。作為子層,也就是最上面那個層
給你個demo
方法2的,1就不寫了!
<div style="width:300px; height:300px; position:relative;">
<img src="下面的圖片路徑" />
<div style="width:200px; height:200px; position:absolute; top:10px; left:10px;"><img src="最上面的圖片路徑" /></div>
</div>
3、網頁設計中怎麼讓一張圖片填充滿整個畫面 ?
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方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。
4、網頁設計中怎麼讓一張圖片填充滿整個畫面 求代碼
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方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。
5、怎麼讓一張圖片在網頁中居中顯示
可以用「margin: 0 auto;」和「text-align: center;」是圖片在網頁中居中。
1、新建html文檔,在body標簽中添加div標簽,然後在div標簽中添加img標簽:
2、為div標簽添加「margin」屬性,屬性值是「0 auto」,這時div標簽將會在網頁中居中顯示:
3、為div標簽添加「text-align」屬性,屬性值是「center」,這時div標簽內的img標簽將會在div標簽中居中顯示,這樣圖片就會在網頁中居中顯示了:
6、在網頁製作中如何在圖片中插入圖片?
?
7、網頁設計如何將一張圖片作為網頁背景圖片?
給裝圖片的div一張背景圖,比如下面代碼:
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示,no-repeat意思是不重復顯示