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麻煩縮放

回答

相關問題