圖像背景圖像通過CSS]不是在IE7

-2

渲染我需要一些幫助，以IE7不會呈現以下HTML/CSS代碼圖像背景圖像通過CSS]不是在IE7

<html> 
    <head> 
     <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" /> 
     <title>Debugging IE 7 image problem</title> 
     <style> 
     .delete-icon 
     { 
     background-image: url("http://cdn4.iconfinder.com/data/icons/momenticons-basic/16x16/trash-can-delete.png"); 
     background-position: top right; 
     background-repeat: no-repeat; 
     padding-right: 18px; 
     margin-left: 7px; 
     } 
     </style> 
    </head> 
    <body> 
     <table id="table_Locations"> 
     <tbody> 
      <tr> 
       <td></td> 
       <td></td> 
       <td></td> 
      </tr> 
      <tr class="div-input-default" id="LocationsTest2"> 
       <td> 
        <select name="AllTests_Locations_Substance_2" id="LocationsTest2"> 
        <option value="641">Okuku</option> 
        <option value="644">Oyan</option> 
        <option value="645">Ikirun</option> 
        <option value="646">Oshogbo</option> 
        </select> 
       </td> 
       <td> 
        <input id="LocationsTestResults2_negative" name="AllTests_Locations_Result_2" value="776" type="radio" />Negative <input id="LocationsTestResults2_positive" name="AllTests_Locations_Result_2" value="777" type="radio" />Positive<br /> 
        </td> 
       <td> 
        <a class="delete-icon" href="#"></a> 
       </td> 
      </tr> 
     </tbody> 
     </table> 
    </body> 
</html>

這IE8，IE9渲染以及我的形象的原因， Firefox和Chrome，但不是IE7。我怎樣才能改變這個標記，讓它在IE7中工作？謝謝。

來源

2013-02-15 pi.

爲什麼要投票呢？ – 2013-02-15 11:22:34

試試這個：

.delete-icon { 
     background: url("http://cdn4.iconfinder.com/data/icons/momenticons-basic/16x16/trash-can-delete.png") no-repeat right 0; 
     display: inline-block; 
     width: 100px; /* set to whatever you need */ 
     height: 100px; /* set to whatever you need */ 
     padding-right: 18px; 
     margin-left: 7px; 
}

的關鍵是給錨標記上的正確的顯示值加上的寬度和高度。

我還建議您不要使用表格進行佈局，因爲這不是至少10年或更長時間的良好做法。

來源

2013-02-15 11:23:03

謝謝，我很清楚與使用表格進行佈局相關的問題，並儘可能地避免使用表格。但最重要的是，你的解決方案適用於我 - 顯示器和寬度/高度的結合起到了訣竅 - 而不僅僅是Kappa建議的寬度/高度[儘管感謝他]。再次感謝 – 2013-02-15 11:36:06

@pi。 - 沒有probs，很高興有幫助。 – 2013-02-15 11:44:07

嘗試設置寬度和高度.delete圖標風格

來源

2013-02-15 11:05:40 Kappa

謝謝，但這不起作用，沒想到會。只是試圖確認。非常感謝 – 2013-02-15 11:08:29

圖像背景圖像通過CSS]不是在IE7

回答

相關問題