原文:a標簽點擊跳轉失效--IE6、7的奇葩bug

一般運用a標簽包含img去實現點擊圖片跳轉的功能,這是前端經常要用到的東西。 今天遇到個神奇的bug:如果在img上再包裹一層div,而且div設置了width和height,則圖片區域點擊時,無任何響應。 出現這個bug的條件是: .a標簽下包含div這樣的塊元素 .塊元素必須設置width和height屬性值 .該塊元素下包含img 解決方法:改結構或者讓三個條件的某一個失效就可以了 補充 ...

2015-05-13 16:55 5 1068 推薦指數:

查看詳情

IE7中a標簽包含img,點擊img,鏈接失效bug

在做列表時,我們經常會這樣寫: 在現代瀏覽器下點擊圖片或者a標簽里的其他部分,均能鏈接到指定url,但是在ie6,ie7,部分ie8下鼠標hover到img上並沒有出現鼠標的手,而且點擊也沒有反應。 解決方法: 推測是css樣式問題,在img的父元素div上,我設置 ...

Thu Jul 21 01:43:00 CST 2016 0 2243
IE6 與 GZIP, BUG匯總

bug1描述: IE6部分版本,某些情況下,開啟gzip的資源,會不渲染或不執行(如果是.js的話.) 會引發此bug的條件: 1. 首先,必須由a頁跳轉到b頁面 : 即 a頁面有 location.href = b頁面.(點鏈接,form post ...

Sat Apr 28 23:28:00 CST 2012 2 5188
IE6的一個小bug

這段代碼對<p>的首字符樣式定義在IE6上看是沒有效果的,而在p:first-letter和{font-size:300%}加上空格,也就是p:first-letter {font-size:300%}后,顯示就正常了。 這個問題主要是出現在IE6瀏覽器中,而且這位朋友 ...

Fri Aug 09 23:53:00 CST 2013 0 3075
IE6雙邊距bug及其解決辦法

上面這段代碼,在IE6和FF中的顯示結果分別如下圖所示: 可以看到,在IE6中顯示的紅色區域的左邊距實際為40px,是CSS代碼中設置的20px的兩倍,這是IE6的雙邊距BUG。當滿足下面這三個條件時,就會出現這個BUG: 1、要為塊狀元素; 2、要左側浮動; 3、要有左 ...

Fri Sep 02 06:42:00 CST 2016 0 2011
解決vue IE與火狐上 點擊 失效(路由不 跳轉)問題

<router-link to="/GoAbroad"> </router-link> vue中的<router-link>這種聲明式的路由方式在IE與火狐中有時會出現失效問題(目前我還不知道是什么原因導致的),但是我把這種聲明式的方式換成編程 ...

Wed Oct 24 18:56:00 CST 2018 0 2206
【css】css 解決 ie6 下 position:fixed 失效

對於 ie6 不支持 position:fixed,我們通常會利用 css 的 expression 方式來解決。下面我將介紹另外種方法,沒有 expression,有的只是一些 css hack。 測試瀏覽器:chrome,firefox,safari,ie8,ie7,ie6 ...

Thu Dec 06 01:05:00 CST 2012 8 2020
完美解決IE(IE6/IE7/IE8)不兼容HTML5標簽的方法

HTML5的語義化標簽以及屬性,可以讓開發者非常方便地實現清晰的web頁面布局,加上CSS3的效果渲染,快速建立豐富靈活的web頁面顯得非常簡單。 HTML5的新標簽元素有: <header>定義頁面或區段的頭部; <footer>定義頁面或區段的尾部 ...

Tue Dec 30 01:43:00 CST 2014 0 4203
IE6,IE7,IE8css bug大集合

概述 IE瀏覽器以不支持大量的css 屬性出名,同時也因其支持的css屬性中存在大量bug。 本頁列舉了IE下的一些問題,實例樣本和一些我們已知的解決方法。 盡管我已經盡力按照它們本來的性質對它們進行分類,仍有許多bug可以分在好幾個部分之下,這種情況下,我將會將此bug分在普通bug這一 ...

Tue Jun 26 22:29:00 CST 2012 0 6278
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM