html/css麻烦缩放

请不要评论我，我只是盯着开发网站，这是我的第一个。这里是我的网站，无论我设置的位置，我不能让窗体或图像留在那里。当使用静态位置时，我不能将一个图像放在另一个图像上。所以我能做什么？html/css麻烦缩放

<style type="text/css"> 
.position 
{ 
position:Relative; 
top:-40px; 
left: 5px; 
width:13%; 
height:13%; 
} 
.WidthFull 
{ 
position: static; 
z-index: 0; 
width: 99.4%; 
} 
.FormPosition 
{ 
position: Relative; 
top:-80px; 
right:-1070px; 

} 

</style> 
</head> 
<body> 
<img alt="" class="WidthFull" src="img/main%20Head.png" /> 
<img alt="" class="position" src="img/Letters%20connic.png" /> 
<div class=FormPosition> 
    <form id="login" method="post" action="index.php"> 
<input type="text" placeholder="Your Email" name="email" autofocus/>              
        <input type="text" placeholder="Password" name="email" autofocus /> 

     <button type="submit" style="width: 5%; height: 25px; border: 0;background: #209cf8; border-radius:5px"><font size="3.0";><b>Login</b></font> 

        </button> 
     <span></span> 
    </form> 
</div> 



</body> 
</html>

来源

2014-01-06 user3165650

你用什么程序设计？当然不是手工编码 – itsols

它的手由我编码:)我吸不d我 – user3165650

使用这样外侧的div属性将是相对的和内部图像/ DIV属性将是绝对要显示侧

<style type="text/css"> 
.position-relative{ 
    position:relative; 
} 
.position-absolute{ 
    position:absolute; 
    top:10px; 
    left:10px;

的z-index 其中之一：10; }

</style> 
</head> 
<body> 
<div class="position-relative"> 
<img alt="" class="WidthFull" src="img/main%20Head.png" /> 
<img alt="" class="position-absolute" src="img/Letters%20connic.png" /> 
</div> 

</body> 
</html>

来源

2014-01-06 14:49:03

html/css麻烦缩放

回答

相关问题