css定位问题,在线等
来源:百度知道 编辑:UC知道 时间:2024/07/05 17:21:21
背景图片居中,其他图片放在固定位置,但是放缩窗口是位置会变掉,怎么改。谢谢
<html>
<style type="text/css">
<!--
.telposition{marleft:300;top:600;}
.letter {margin:40;52;62;36;}
.mouse1 {position:absolute;left:750;top:450;}
.mouse2 {position:absolute;left:750;top:500;}
-->
</style>
<body background="newspaper1修改2.gif">
<div class=mouse1><img src="mouse.png"> </div>
<div class=mouse2><img src="mouse.png"></div>
<div class=letter><img src="message.png"> </div>
<div class=telposition><img src="telephone.png"> </div>
</body>
</html>
<html>
<style type="text/css">
<!--
.telposition{marleft:300;top:600;}
.letter {margin:40;52;62;36;}
.mouse1 {position:absolute;left:750;top:450;}
.mouse2 {position:absolute;left:750;top:500;}
-->
</style>
<body background="newspaper1修改2.gif">
<div class=mouse1><img src="mouse.png"> </div>
<div class=mouse2><img src="mouse.png"></div>
<div class=letter><img src="message.png"> </div>
<div class=telposition><img src="telephone.png"> </div>
</body>
</html>
<html>
<style type="text/css">
<!--
#main{position:reletive;}再相应的定义其它样式。
.telposition{margin-left:300px; margin-top:600px;}这里你写错了
.letter {margin:40px 52px 62px 36px;}
.mouse1 {position:absolute;left:750px;top:450px;}
.mouse2 {position:absolute;left:750px;top:500px;}
-->
</style>
<body background="newspaper1修改2.gif">
<div id="main">
<div class=mouse1><img src="mouse.png"> </div>
<div class=mouse2><img src="mouse.png"></div>
<div class=letter><img src="message.png"> </div>
<div class=telposition><img src="telephone.png"> </div>
</div>
</body>
</html>
先相对定位,后绝对定位