成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

總結(jié)開發(fā)過程踩到的坑（二）

laznrbfe / 3457人閱讀

摘要：本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當(dāng)然踩過的坑也不例外滑稽。

在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發(fā)的經(jīng)驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠(yuǎn)。學(xué)會時?？偨Y(jié)，不斷提升自己。

本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當(dāng)然踩過的坑也不例外（滑稽）。

目錄

IE 絕對定位被 img 覆蓋問題

IOS 元素點擊觸發(fā)高亮

input readyonly 點擊出現(xiàn)光標(biāo)

IE9 change 事件剪切刪除無法觸發(fā)

兩欄布局

超出寬度橫向滾動

1. IE 絕對定位被 img 覆蓋問題

有這樣一個場景，給瀏覽器插入一張 img ，其中有一些鏈接，通過絕對定位的辦法，定位到 img 對應(yīng)的位置，在chrome，firefox 中均沒有問題，但是在 IE 中測試發(fā)現(xiàn)，鏈接被 img 擋住了。遇到這種問題，可以分兩種方式解決。

1. 使用 css 背景圖片替換 img
2. 給鏈接添加如下屬性：
    background: url(about:blank);
2. IOS 元素點擊觸發(fā)高亮

-webkit-tap-highlight-color 是一個 不規(guī)范的屬性（unsupported WebKit property），它沒有出現(xiàn)在 CSS 規(guī)范草案中。

當(dāng)用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時，覆蓋顯示的高亮顏色。

該屬性可以只設(shè)置透明度。如果未設(shè)置透明度，iOS Safari使用默認(rèn)的透明度。當(dāng)透明度設(shè)為0，則會禁用此屬性；當(dāng)透明度設(shè)為1，元素在點擊時不可見

-webkit-tap-highlight-color：color
3. input readyonly 點擊出現(xiàn)光標(biāo)

在開發(fā)中使用了一個時間插件，設(shè)置了 input 為 readonly，在低版本（10.2） IOS中，點擊 input 還是會出現(xiàn)光標(biāo)，嘗試了很多方式，最后解決辦法：

4. IE9 change 事件剪切刪除無法觸發(fā)

jQuery 的 change 事件，在使用的時候，發(fā)現(xiàn) IE 中剪切和刪除無法觸發(fā)，可以使用 input propertychange 事件來代替。

5. 兩欄布局（一側(cè)固定，一側(cè)自適應(yīng)）

左側(cè)定位，右側(cè)自適應(yīng)

左側(cè)浮動，右側(cè)自適應(yīng)

左側(cè)浮動，右側(cè)自適應(yīng)（右側(cè)多嵌套一層）

6. 超出寬度橫向滾動

通常情況下，使用 white-space 和 overflow 即可解決

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/92860.html

相關(guān)文章

  • 總結(jié)開發(fā)過程踩到的坑（四）

    摘要：本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當(dāng)然踩過的坑也不例外滑稽。 在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發(fā)的經(jīng)驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠(yuǎn)。學(xué)會時?？偨Y(jié)，不斷提升自己。 本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，...

    terasum 評論0 收藏0

  • 總結(jié)開發(fā)過程踩到的坑（三）

    摘要：本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當(dāng)然踩過的坑也不例外滑稽。 在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發(fā)的經(jīng)驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠(yuǎn)。學(xué)會時?？偨Y(jié)，不斷提升自己。 本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，...

    April 評論0 收藏0

  • 總結(jié)開發(fā)過程踩到的坑（三）

    摘要：本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當(dāng)然踩過的坑也不例外滑稽。 在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發(fā)的經(jīng)驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠(yuǎn)。學(xué)會時?？偨Y(jié)，不斷提升自己。 本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，...

    daryl 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<