CSS：在IE 6/7中對齊圓角的問題，但在IE8/Firefox等確定

任何人都可以幫忙嗎？CSS：在IE 6/7中對齊圓角的問題，但在IE8/Firefox等確定

我有一個問題，在IE6/7中對齊圓角。基本上所有的東西似乎都可以在Firefox/IE8中運行，但在IE6/7中，左/中/右分區錯位。

這基本上顯示了我指的是什麼。

這裏是IE8的例子中，一切工作正常http://es.drop.io/ern0fye/asset/ie8-jpg

這裏是問題（這個例子是在IE8上運行設置爲IE7兼容模式）

http://es.drop.io/ern0fye/asset/ie7-jpg

我似乎請記住在IE6/7中存在一個使用lineheight或類似的錯誤，但我不記得確切。

我將粘貼下面的CSS和HTML是非常非常簡單的。基本上有一個左邊的div用來保存左角的圖像和中心div，它有一個與角落圖像相同的RED背景，最後是一個右邊的div，用於保存右角的圖像。

我希望任何人有任何輸入。提前致謝。

這裏是CSS

.vl-top-left 
{ 
    float:left; 
width:12px; 
height:12px; 
} 

.vl-top-center 
{ 
    float:left; 
width: 485px; 
background-color: #F04A23; 
height:12px; 
} 

.vl-top-right 
{ 
    float:left; 
height:12px; 
width:12px; 
}

和HTML是： -

<!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></title> 
    <link href="Stylesheet1.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
     <div class="vl-top-left"> 
      <img src="content/images/esquina_sup_izq.gif" width="12" height="12"> 
     </div> 
     <div class="vl-top-center"> 
      &nbsp; 
     </div> 
     <div class="vl-top-right"> 
      <img src="content/images/esquina_sup_der.gif" width="12" height="12"> 
     </div> 
</body> 
</html>

EDIT

應用也餘量：0和填充：0在主體和每個DIV，但左側和右側的div依照截圖下降

來源

2010-03-31 mark smith

您是否嘗試過margin：0和padding：0？ – 2010-03-31 11:09:29

是試過把margin：0和padding：0放在body和每個DIV上，但仍然按照屏幕截圖 – 2010-03-31 11:12:33

下降左右div這就是爲什麼我喜歡CSS 3中的圓角。（是的，它們還不兼容與所有現代瀏覽器） – mre 2010-03-31 11:29:49

應用風格img { float: left; }

來源

2010-03-31 11:20:30 o15a3d4l11s2

完美！這工作！那麼這是一個存在於IE6/7中的錯誤..我應該使用img，即所有圖像還是隻在左右分區內的圖像？ – 2010-03-31 11:25:52

CSS：在IE 6/7中對齊圓角的問題，但在IE8/Firefox等確定

回答

相關問題