我用 photoshop 制作了一个网页，将其切片并保存为 web。它在 Chrome、Firefox、Opera 和 Safari 中看起来不错，但是当您在 IE 10 中查看它时，它变得很奇怪……有人知道解决这个问题的方法吗？
IE 10: http://i.stack.imgur.com/FsiIX.jpg
Chrome、Safari、Firefox、Opera: http://i.stack.imgur.com/m7dVq.jpg
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Support</title>
<style type="text/css">
div {
height: 400px;
width: 592px;
background: #ffffff;
margin: auto;
}
p {
width: 60%;
margin: auto;
font: 14px/1.5 Helvetica, sans-serif;
}}
.auto-style3 {
border-width: 0px;
}
</style>
</head>
<body style="margin: 0; background-image: url('images/About%20Us%20Background.jpg')">
<div id="position">
<table id="Table_01" width="593" height="763" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/Online-Support_01.gif" width="592" height="89" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="89" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<a href="Index.html">
<img src="images/Online-Support_02.gif" width="88" height="46" alt="" class="auto-style3"></a></td>
<td rowspan="3">
<a href="About%20Us.html">
<img src="images/Online-Support_03.gif" width="80" height="46" alt="" class="auto-style3"></a></td>
<td colspan="2" rowspan="3">
<a href="Online%20Support.html">
<img src="images/Online-Support_04.gif" width="128" height="46" alt="" class="auto-style3"></a></td>
<td rowspan="3">
<a href="Testimonials.html">
<img src="images/Online-Support_05.gif" width="106" height="46" alt="" class="auto-style3"></a></td>
<td rowspan="3">
<a href="Contact%20%20Us.html">
<img src="images/Online-Support_06.gif" width="95" height="46" alt="" class="auto-style3"></a></td>
<td colspan="4">
<img src="images/Online-Support_07.gif" width="95" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/Online-Support_08.gif" width="18" height="666" alt=""></td>
<td>
<a href="https://www.facebook.com/pages/Always-Connected-Ltd/373671419315390">
<img src="images/Online-Support_09.gif" width="33" height="33" alt="" class="auto-style3"></a></td>
<td>
<a href="https://twitter.com/Always_Connect">
<img src="images/Online-Support_10.gif" width="33" height="33" alt="" class="auto-style3"></a></td>
<td rowspan="7">
<img src="images/Online-Support_11.gif" width="11" height="666" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="6">
<img src="images/Online-Support_12.gif" width="66" height="633" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Online-Support_13.gif" width="497" height="206" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="206" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Online-Support_14.gif" width="12" height="421" alt=""></td>
<td colspan="3">
<a href="http://www.teamviewer.com/link/?url=505374&amp;id=1585160200">
<img src="images/Online-Support_15.gif" width="200" height="125" alt="" class="auto-style3"></a></td>
<td colspan="3" rowspan="4">
<img src="images/Online-Support_16.gif" width="285" height="421" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="125" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Online-Support_17.gif" width="200" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="http://download.teamviewer.com/download/TeamViewer.dmg">
<img src="images/Online-Support_18.gif" width="200" height="125" alt="" class="auto-style3"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="125" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Online-Support_19.gif" width="200" height="154" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="154" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="76" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="80" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="95" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
最佳答案
我认为你需要设置 <a>或 <img>无边框，使用此代码:
a, img{
border:none;
}
我没有IE10来测试
关于html - 除了 IE10 之外，保存为 web photoshop 在所有浏览器中看起来都很好，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19331937/