当前位置: 首页 > Web前端 > CSS

ie中带滚动条的容器的background属性和border属性的bug

时间:2023-03-31 13:17:36 CSS

现象封装的angularjshikSelect命令在部分ie11浏览器下拉选项滚动时会有横线。分析后打开调试工具,发现滚动容器的上下边框去掉后,现象就消失了,所以我以为是边框引起的问题,但是边框无法去掉,于是有了继续分析。我写了一个带滚动条和边框的div,在IE下没问题,所以不全是边框造成的。问题,我直接把所有有问题的样式都一一排除,发现问题出现在设置背景的时候:#fff。结论经过测试,在有滚动条的div上同时设置背景和上下边框的border属性时,拖动滚动条会出现横线。解决方案由于需要设置border和background,所以决定加一层div试试,把backgroundcolor,overflow,max-height属性移到新添加的sub-div容器中设置。测试后现象消失。总结虽然问题已经解决了,但是还是花了很多时间。问题的根本原因仍不清楚。目前只能归咎于IE浏览器的bug,因为我自己的IE还好,只是在测试机上IE不行,希望以后不要兼容IE。