Question

我正在使用下面的DOCTYPE作为我的页面，它使页面保持Quirks模式，我的表格看起来就像下面链接中的那个。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

http://talkingsoccer.net/inquirks.jpg

当我将doctype更改为以下任何一个时，页面将从quirks模式中取出并使用IE8标准模式（我使用IE8），如下面的链接所示。

<!DOCTYPE html> or <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

http://talkingsoccer.net/outofquirks.jpg

我可以在CSS中做什么使IE8标准模式看起来像Quirks模式中的表（顶部链接显示图像）以及Chrome，FireFox，IE8-IE12等其他主要浏览器？

这是我的代码......

 <style>
   .link2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;     
  font-weight: bold; color: #333333; text-decoration: none}
 </style>

 <table width="100%" border="1" cellspacing="3" cellpadding="2" bgcolor="#B5CBE7">
 <tr> 
   <td><a href="http://www.example.com/" class="link2">Home Page</a></td>
 </tr>
 <tr> 
   <td><a href="http://www.example.com/affiliate.htm" class="link2">Affiliate Program</a></td>
  </tr>
  <tr> 
    <td><a href="http://www.example.com/catalog.htm" class="link2">Order Catalog</a>   
    </td>

  </tr>
  <tr> 
    <td><a href="http://www.example.com/privacy.htm" class="link2">Privacy Policy</a> 
    </td>

  </tr>
  <tr> 
    <td><a href="http://www.example.com/status.htm" class="link2">Order Status</a></td>
  </tr>              
  <tr> 
    <td><a href="http://www.example.com/return.htm" class="link2">Return Policy</a></td>
  </tr>
  <tr> 
    <td><a href="http://www.example.com/cgi-bin/cybercart6.pl?action=order&
      merchant=mysite" class="link2">View Shopping Cart</a></td>

  </tr>
  </table>

Answer 1

你必须首先创建一个div并设置你的侧面图像的背景然后在该div边缘创建一个表 - 离开该表以显示该锚点之后的bg图像，td，tr所有设置的填充和边距到0它将减少文本和表格边框之间的空间

使表与Quirks模式具有相同的外观

1 个答案: