Ⅰ 想讓兩個圖片保持在標簽的兩端,可以怎樣設置
具體設置步驟如下:
1、新建一個html文檔,在body中新建兩個div,一個是class屬性為aa的div,另一個是class屬性為bb的div。
2、在文件內,在兩個div內分別加上一個圖片標簽img,並且寫上兩張圖片的路徑。
3、在html文件內,使用css對兩個div的樣式進行定義,分別設置其position屬性為absolute,即兩張圖片在頁面的位置是絕對定位。
4、在html文件內,使用z-index設置兩張圖片的疊加的順序,設置圖片一在下面,圖片二在上面。
5、在html文件內,通過left和top分別設置div距離頁面左邊緣的距離和距離頁面上邊緣的位置,實現兩張圖片疊加。
6、在瀏覽器打開html文件,查看實現圖片疊加的效果。
Ⅱ 用css怎樣在一個div中設置兩張背景圖片
在一個div裡面設置兩張背景圖片用css3的多背景可以做到,寫法也很容易,類似下面這樣就行了:
background:url(top.jpg) center top no-repeat,
url(bottom.jpg) center bottom no-repeat;
不過因為不同瀏覽器對於CSS3的支持度有限,這種寫法在大多數瀏覽器裡面,特別是IE裡面是無效的。所以通常的作法還是嵌套兩個div,一個div裡面是上面的背景圖,一個div裡面是下面的背景圖,這樣的兼容性會好一些。
Ⅲ css怎麼把兩個圖片疊加在一起啊
如果是背景的話,background 屬性可以指定多個圖片。
比如
background: url("haoroomsCSS1_s.jpg") 0 0 no-repeat,
url("haoroomsCSS2_s.jpg") 200px 0 no-repeat;
就同時指定了兩個圖片,兩個圖片的位置可以通過後面的 位置參數調整。
如果是img元素,可以通過給img指定絕對定位的樣式,通過絕對定位讓兩個img按照
要求的方式重疊。
比如:
img#id1 {position:absolute; top:0; left:0; width:100%; display:block;}
mg#id2 {position:absolute; top:20px; left:0; width:100%; display:block;}
試試就知道了。如果要使用絕對定位,img的父元素的樣式需要加上 position:relative;
Ⅳ 用css+div布局,可以使兩張圖片重疊在一起嗎
完全可以。想一張做背景,另一張做插入圖片 或者兩張都作為插入圖片的都可以重疊一起