htmlcss 网页背景图片,如何自适应宽度,长度不压缩? div如何半透明?详解

html-css07

htmlcss 网页背景图片,如何自适应宽度,长度不压缩? div如何半透明?详解,第1张

<style type="text/css">

<!--

body {

background-image: url(”图片地址“)

background-repeat: repeat-x

}

#div1 { margin:0px autowidth:500pxheight:370px text-align:centerbackground:url(/jscss/demoimg/wall3.jpg)}

#div2 { height:330pxfilter:alpha(Opacity=80)-moz-opacity:0.5opacity: 0.5z-index:100background-color:#ffffff }

-->

</style>

横向平铺背景。

div透明度,继续参考下面代码

<div id="div1">

<div style="padding:20px"><div id="div2">这里是透明的DIV</div></div>

</div>

html-css 中让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0;代码如下:

<div id='div1'>

<div id='div2'>

<p>我是测试文字</p>

</div>

</div>

<style>

div{

widht:220px

height:300px

}

#div1{

background:#fff

opacity:0

z-index:10

}

#div2{

z-index:11

}

</style>