css display:none利用留意事项小结

1、假如在样式文件或页面文件代码中直接用display:none对元素举办了埋没,载入页面后,在没有通过js配置样式使元素显示的前提下,利用js代码会无法正确得到该元素的一些属性,好比offSetTop,offSetLeft等,返回的值会为0,通过js配置style.display来使元素显示后才气正确得到这些值。

2、利用display:none埋没的元素不会被百度等搜索网站检索,会影响到网站的SEO,某些环境下可以利用left:-100000px来到达同样结果。

3、假如是通过样式文件或<style>css</style>方法来配置元素的display:none样式,用js配置style.display=""并不能使元素显示,可以利用block或inline等值来取代。通过style="display:none"直接在元素长举办的配置不会有这个问题

4、有些环境下可以利用style.visibility来取代style.display,可是要留意的是style.visibility埋没元素时会保存元素在页面上所占的空间,而style.display埋没元素且让出所占页面空间。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsdpxf.html