用CSS +DIV将第二张特定图片覆盖第一张图片的部分区域方法:
用CSS中元素的background : background-color || background-image || background-repeat || background-attachment || background-position。 示例代码如下:
复制代码代码如下:
background:transparent url(123.jpg) no-repeat scroll -140px -20px
解释:
transparent表示透明无颜色
url(123.jpg) 表示背景图片
no-repeat 表示图片不重复
scroll 表示背景图片随浏览器下拉而滚动
-140px 表示水平位置在图片的-140px处(以图片的左上角为0,0)
-20px 表示垂直位置在图片的-20px处(以图片的左上角为0,0)
实现的方法和详细的操作步骤如下:
1、第一步,打开操作软件并使用DW定义内部CSS样式,见下图,然后进入下一步。
2、其次,完成上述步骤后,看一下背景图片的效果,见下图,然后进入下一步。
3、接着,完成上述步骤后,将img添加到div并输入以下代码,见下图,然后进入下一步。
4、最后,完成上述步骤后,就获得了想要的结果了,如下图所示。这样,问题就解决了。
覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素;在css3出来之后,有一个属性background-size这个属性可以给背景图片设置大小,当值为100% 100%的时候也就是说把图片宽高都设置成百分百,然后元素有多大,图片就会伸展多大,也就是说的整个页面