摘要:經測試現象消失??偨Y問題雖然解決了但還是花費了很多時間的問題出現的根本原因還是不清楚目前只能歸結于瀏覽器的了因為我自己的下是好的只在測試機上的不行愿以后不再兼容
現象
封裝的angularjs hikSelect指令在個別ie11瀏覽器下下拉選項在滾動是會出現橫線.
分析
打開調試工具,發現去掉滾動容器的上下邊框后該現象消失,因此認為是邊框導致了該問題,但這個邊框不能去掉,因此還要繼續分析.自己寫了一個帶滾動條帶邊框的div在ie下沒問題,因此不全是邊框導致的該問題,后面把有問題的樣式直接全部拿過來一個個排除,發現當設置background: #fff時問題出現了.
結論
經過測試當在一個帶滾動條的div上同時設置background和上下邊框的border屬性,拖動滾動條時會出現橫線.
解決方法
由于border和背景需要設置,因此決定添加一層div試試,將背景色、overflow和max-height屬性移到新添加的子div容器上設置。經測試現象消失。
總結
問題雖然解決了,但還是花費了很多時間的,問題出現的根本原因還是不清楚,目前只能歸結于ie瀏覽器的bug了,因為我自己的ie下是好的,只在測試機上的ie不行,愿以后不再兼容ie.
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114157.html
摘要:解決方案為加上使其形成,根據規則第六條,計算高度時就會計算的元素的高度,達到清除浮動影響的效果。并為這個外層元素設置,使其形成。生成相對定位的元素,相對于其正常位置進行定位。它的所有子元素自動成為容器成員,稱為項目,簡稱項目。 原文鏈接在這里 CSS 介紹一下標準的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有兩種, IE 盒子模型(相當于box-sizing: bor...
摘要:一般地,一個塊盒的內容都被限制在該盒的邊內。這種盒并不一定會根據其祖先的屬性裁剪。默認情況下,元素不會被裁剪。在閉合路徑內的內容會顯示,而路徑外邊的都會被剪掉著作權歸作者所有。 Overflow and clipping 一般地,一個塊盒的內容都被限制在該盒的content邊內。某些情況下,一個盒可能會溢出,意味著它的部分內容或者全部內容位于該盒外部,例如: 一行無法拆分,導致行盒比...
摘要:有時候,我們是不是覺得瀏覽器默認的滾動條很,那么瀏覽器滾動條樣式能否改變呢,答案是肯定的,今天就給大家分享一下怎么改變瀏覽器的默認滾動條,讓我們的頁面更加炫酷。 有時候,我們是不是覺得瀏覽器默認的滾動條很low, 那么瀏覽器滾動條樣式能否改變呢,答案是肯定的,今天就給大家分享一下怎么改變瀏覽器的默認滾動條,讓我們的頁面更加炫酷。 在次之前,我們先來了解一下滾動條產生的原因,通俗的來講就...
摘要:彈性盒布局并沒有這樣內在的方向限制,可以由開發人員自由操作。漸進識別的方式,從總體中逐漸排除局部。首先,巧妙的使用這一標記,將瀏覽器從所有情況中分離出來。偶數字號相對更容易和設計的其他部分構成比例關系。 1 介紹一下標準的CSS的盒子模型?與低版本IE的盒子模型有什么不同的? 標準盒子模型:寬度=內容的寬度(content)+ border + padding + margin低版本I...
1、介紹一下標準的CSS的盒子模型?與低版本IE的盒子模型有什么不同的? 標準盒子模型:寬度=內容的寬度(content)+ border + padding + margin低版本IE盒子模型:寬度=內容寬度(content+border+padding)+ margin 2、box-sizing屬性? 用來控制元素的盒子模型的解析模式,默認為content-boxcontext-box:W3C...
閱讀 1363·2021-09-10 10:51
閱讀 2834·2019-08-30 15:54
閱讀 3374·2019-08-29 17:11
閱讀 932·2019-08-29 16:44
閱讀 1396·2019-08-29 13:47
閱讀 1092·2019-08-29 13:47
閱讀 1491·2019-08-29 12:23
閱讀 1045·2019-08-28 18:18