否则需要将其作为网页背景的话可以试试如下方法:
2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。
这个需要了解一下鼠标经过的样式,这里需要用到两个属性::hover,overflow:hover{}/*鼠标经过的样式*/
overflow/*内容溢出框架的效果*/
<style>
.div{ width:100pxheight:50pxoverflow:hidden}/*内容溢出宽度100像素高50像素隐藏*/
.div:hover{ overflow:auto}/*鼠标经过的时候,溢出的内容自动显示*/
</style>
<div class="div">这是一段文字!</div>