武林網(www.49028c.com)文章簡介：有時候由于需要文字和圖片同時獲取到點擊態，或者需要實現一些高難度的效果，就需要多標簽來寫結構，可能的結構會如下所示.

最近重新審視了一下塊集元素和內聯元素，不是混淆，而是重新想了一下新的東西，有時候在我們進行重構的時候，偶爾會為了實際需要而將內聯元素強制顯示為塊集元素，在一般情況下，這個是不會出問題的，而且可以很輕松的通過標準，但是在某一些情況下，雖然驗證工具可以放過我們，但是在ie6下面會出現解析不正確的問題，下面就簡單跟大家分享一下這個問題。

有時候由于需要文字和圖片同時獲取到點擊態，或者需要實現一些高難度的效果，就需要多標簽來寫結構，可能的結構會如下所示：

<div class="block">
    <a href=""><span><img src="" alt="Raina" /></span></a>
</div>

在沒有被賦予強大的CSS的時候，是可以正常點擊的，但是當賦予需要的CSS的時候，在ie8一下就會出現圖片區域點擊不到的情況：

.block span{float:left;}

如果將span標簽塊集化：

.block span{float:left;dispaly:block;width:100px;height:100px;}

最終的結果依然不是不能點擊到，但是圖片區域以為的內容確可以正常點擊。

而對于此，我的理解是這樣的：

因為a標簽本身就是一個內聯元素標簽，內聯標簽內正常情況只允許放置內聯元素，放置塊集元素本身語法就有問題，雖然表面上放置的span標簽，但是我們又將其強制塊集化，在某些瀏覽器下還是會解析錯誤，比如說ie6/7，所以這里針對鏈接的這種情況，出現的問題就是圖片區域無法點擊。

針對這種問題的解決方法：

保證在a標簽中不要放置塊集元素，或者強制塊集元素，如果需要解決一些特殊效果，可以采取將這個強制元素跟a內置的img標簽同級放置，這樣也可以避免圖片點擊不到問題。