IE8 - 問題與超鏈接包裝圖像和DIV

林具有在IE8下面的HTML問題：IE8 - 問題與超鏈接包裝圖像和DIV

<div class="inner"> 
    <a href="google.com" target="_self"> 
     <div class="lozbutton"> 
      <img alt="OPENHIVE Survey" src="http://url.com/product" /> 
     </div> 
     <div class="description">&nbsp;</div> 
    </a> 
</div>

當點擊.description div的，超鏈接的作品，但是當過我點擊<img>鏈接不工作。

任何人都可以建議我怎樣才能使<img>和.description div鏈接到同一個地方？無論是HTML修復還是jQuery修復。

來源

2010-11-01 CLiown

這是無效的標記，會導致問題：鏈接中不能有塊級元素。嘗試使用內聯元素 – 2010-11-01 10:28:58

即使Pekka正確，問題仍然存在於您提供的代碼的這部分內。更好地給出你有這個問題的URL。並用span來改變div。 – 2010-11-01 10:30:24

@皮卡這不是無效的HTML5標記：http://html5doctor.com/block-level-links-in-html-5/ – robertc 2010-11-01 10:44:00

我發現有在IE8或IE9這項工作的唯一途徑是爲HTML5 doctype聲明添加到文件的頂部：

<!doctype html>

這會導致瀏覽器解釋文件爲HTML5在這種情況下，它的行爲是恰當的。

來源

2011-11-08 22:26:02

IE8 - 問題與超鏈接包裝圖像和DIV

回答

相關問題