摘要:本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,一方面加深自己對于該部分的理解,另一方面希望能夠分享給大家,知識在于分享,當然踩過的坑也不例外滑稽。
在日常工作中,時常會碰到各種各樣的坑,有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上,希望自己能夠跨越重重阻礙,越走越遠。學會時??偨Y,不斷提升自己。
本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,一方面加深自己對于該部分的理解,另一方面希望能夠分享給大家,知識在于分享,當然踩過的坑也不例外(滑稽)。
目錄IE 絕對定位被 img 覆蓋問題
IOS 元素點擊觸發高亮
input readyonly 點擊出現光標
IE9 change 事件剪切刪除無法觸發
兩欄布局
超出寬度橫向滾動
1. IE 絕對定位被 img 覆蓋問題有這樣一個場景,給瀏覽器插入一張 img ,其中有一些鏈接,通過絕對定位的辦法,定位到 img 對應的位置,在chrome,firefox 中均沒有問題,但是在 IE 中測試發現,鏈接被 img 擋住了。遇到這種問題,可以分兩種方式解決。
1. 使用 css 背景圖片替換 img 2. 給鏈接添加如下屬性: background: url(about:blank);2. IOS 元素點擊觸發高亮
-webkit-tap-highlight-color 是一個 不規范的屬性(unsupported WebKit property),它沒有出現在 CSS 規范草案中。
當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時,覆蓋顯示的高亮顏色。
該屬性可以只設置透明度。如果未設置透明度,iOS Safari使用默認的透明度。當透明度設為0,則會禁用此屬性;當透明度設為1,元素在點擊時不可見
-webkit-tap-highlight-color:color3. input readyonly 點擊出現光標
在開發中使用了一個時間插件,設置了 input 為 readonly,在低版本(10.2) IOS中,點擊 input 還是會出現光標,嘗試了很多方式,最后解決辦法:
4. IE9 change 事件剪切刪除無法觸發jQuery 的 change 事件,在使用的時候,發現 IE 中剪切和刪除無法觸發,可以使用 input propertychange 事件來代替。
5. 兩欄布局(一側固定,一側自適應)左側定位,右側自適應
左側浮動,右側自適應
左側浮動,右側自適應(右側多嵌套一層)
6. 超出寬度橫向滾動通常情況下,使用 white-space 和 overflow 即可解決
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92860.html
摘要:本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,一方面加深自己對于該部分的理解,另一方面希望能夠分享給大家,知識在于分享,當然踩過的坑也不例外滑稽。 在日常工作中,時常會碰到各種各樣的坑,有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上,希望自己能夠跨越重重阻礙,越走越遠。學會時??偨Y,不斷提升自己。 本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,...
摘要:本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,一方面加深自己對于該部分的理解,另一方面希望能夠分享給大家,知識在于分享,當然踩過的坑也不例外滑稽。 在日常工作中,時常會碰到各種各樣的坑,有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上,希望自己能夠跨越重重阻礙,越走越遠。學會時??偨Y,不斷提升自己。 本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,...
摘要:本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,一方面加深自己對于該部分的理解,另一方面希望能夠分享給大家,知識在于分享,當然踩過的坑也不例外滑稽。 在日常工作中,時常會碰到各種各樣的坑,有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上,希望自己能夠跨越重重阻礙,越走越遠。學會時常總結,不斷提升自己。 本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑,...
閱讀 1442·2023-04-25 19:00
閱讀 4135·2021-11-17 17:00
閱讀 1753·2021-11-11 16:55
閱讀 1511·2021-10-14 09:43
閱讀 3108·2021-09-30 09:58
閱讀 850·2021-09-02 15:11
閱讀 2118·2019-08-30 12:56
閱讀 1399·2019-08-30 11:12