今天在使用linear-gradient时,发现linear-gradient兼容性写法在不同浏览器中表现不同,具体不同请自行百度,不难找到。
本文记录的是在谷歌下设置angle这个参数时,设为top(0deg)和bottom(180deg)显示不正常的问题。
以angle=top为例。
错误示范:
实现效果:
正确示范:
实现效果:
两者的区别在于:当html整个页面使用linear-gradient时,显示不正常;当这个属性应用于设置了宽高的div时,显示正常。如图。仅为个人看法。