흥미로운 딜레마가 있습니다. IT 과정의 경우 날씨 데이터베이스가있는 웹 사이트를 디자인해야합니다. 그것은 크롬과 파이어 폭스 (그리고 나는 사파리라고 생각한다)와 인터넷 익스플로러의 대부분을 잘 보여준다.Internet Explorer가 웹 페이지 요소를 단독으로 이동합니다.
그러나이 스크린 샷에서 볼 수 있듯이 IE는 사용자가 커서를 근처로 이동하면 링크와 버튼을 이동시키는 데 사용됩니다. 저작권 링크에 커서를 이동 한 후 IE 레이아웃 -
그림 3 - 비교 -
그림 1 IE 레이아웃 저작권 링크에 커서를 이동하기 전에 Chrome 사용 :
T 그는 웹 사이트 주소는 http://penguinweather.tk입니다. 그것이 도움이되는지 주위를 자유롭게 느껴보십시오. 이 문제는 confirmation page에서도 발생합니다 (다시 IE에만 해당).
<body class="body">
<center>
<h1>Penguin Weather</h1>
<h2>Weather Database</h2>
<h3>Welcome to Penguin Weather! You can enter new data here, or click on the second button to view all current weather data.</h3>
<form action="Database.php" method="post">
<table>
<tr>
<td>Location:</td>
<td>
<input type="text" class="textbox" name="loc" autofocus>
</tr>
<tr>
<td>Temperature:</td>
<td>
<input type="number" class="textbox" style="width:75px;" name="temp">
</td>
</tr>
<tr>
<td>Password:</td>
<td>
<input type="password" class="textbox" name="pass">
</td>
</tr>
</table>
<br>
<input type="submit" class="button" style="font-weight:bold;" value="Save Datum">
<br>
<br>
<a href="DataOutput.php" class="button">View Weather</a>
<a href="/pw/DataOutputV2.php" class="button">View Weather by Month</a>
<a href="/pw/ModifyData.php" class="button">Modify Weather</a>
</form>
</center>
</body>
<footer>
<center><a href="/auth.html" target="_blank">Copyright © 2016 Penguintech Ltd.</a></center>
<br>
<center><small><a href="/dev" target="_blank">View Development Directory</a></small> | <small><a href="/404">Test</a></small></center>
</footer>
가 사전에 감사합니다 다음은 홈페이지에서 가장 관련성 코드입니다.
(PS이 :! 당신이 해가 불만을 좋아하지 않는 한 펭귄를 클릭하지 마십시오)