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意思是不重复显示