Ⅰ 想让两个图片保持在标签的两端,可以怎样设置
具体设置步骤如下:
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布局,可以使两张图片重叠在一起吗
完全可以。想一张做背景,另一张做插入图片 或者两张都作为插入图片的都可以重叠一起