使用CSS中的显示:没有时需要注意什么

介绍

小编给大家分享一下使用CSS中显示的:没有一个时需要注意什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强> CSS显示:没有使用注意事项

web页面前台编码时经常用到CSS显示:没有样式、平常使用时发现有几点特征需要注意

1,如果在样式文件或页面文件代码中直接用CSS显示:没有对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop, offSetLeft等,返回的值会为0,通过js设置的风格。显示来使元素显示后才能正确获得这些值。

2,使用CSS显示:没有隐藏的元素不会被百度等搜索网站检索,会影响到网站的SEO,某些情况下可以使用左:-100000 px来达到同样效果。

3,如果是通过样式文件或& lt; style> css方式来设置元素的CSS显示:没有样式,用js设置style.display=?“并不能使元素显示,可以使用块或内联等值来代替。通过风格=癈SS显示:none"直接在元素上进行的设置不会有这个问题

4,有些情况下可以使用style.visibility来代替style.display,但是要注意的是style.visibility隐藏元素时会保留元素在页面上所占的空间,而风格。显示隐藏元素且让出所占页面空间。

以上是“使用CSS中显示的:没有一个时需要注意什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

使用CSS中的显示:没有时需要注意什么