錨分成兩片在IE7

底：IE7

alt text

你如何解決IE7因此它不會我的錨分成兩塊？我知道顯示：塊和浮動：左會解決這個問題，但我寧願讓它內聯。這樣，我可以在任意放置的定位按鈕的左側和右側放置文本。

#launchChrome { 
     font-weight: bold; 
     text-decoration: none; 
     text-shadow: 0 1px 0 rgba(255,255,255,1); 
     background: #eee; 
     background: -moz-linear-gradient(center top, #fff, #cfd5e3); 
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #cfd5e3)); 
     border: 1px solid; 
     border-color: #ccC#ccC#999 #ccc; 
     -moz-border-radius: 0.4em; 
     -webkit-border-radius: 0.4em; 
     text-shadow: 0 1px 0 rgba(255,255,255,0.7); 
     color: #666; 
     font-size: 1.4em; 
     padding: 0.2em 0.6em; 
     margin: 0 0 0 1em; 
     -moz-box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.1); 
     -webkit-box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.1); 
    } 

<a id="launchChrome" href="javascript:void(0)" onclick="launch()"> 
      <img src="<?=base_url()?>images/spacer.gif" class="spriteChannel googleChromeSmall"> 
      Launch Chrome 
     </a>

來源

2010-10-18 JoJo

我用display：inline-block來修復它。

來源

2010-10-18 23:01:04 JoJo

爲什麼即使使用圖片標籤開頭？

使用非重複背景圖像，並在鏈接上設置填充左側，以便文本覆蓋圖像。

來源

2010-10-18 22:49:10 epascarello

我正在使用一個緊湊的精靈 - 所以我不能使用背景圖像。如果我做了，其他圖像也會顯示出來。 – JoJo 2010-10-18 23:00:24

首先關閉你的img標籤<img />。

其次 - 嘗試將zoom:1添加到#launchChrome - 我在IE7中沒有完全相同的渲染問題，但它修復了它在IE6/7中的外觀。那應該觸發hasLayout。

來源

2010-10-18 23:05:33 easwee

錨分成兩片在IE7

回答

相關問題