css display:none使用注意事项小结

编辑：rootadmin

1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获得该元素的一些属性，比如offSetTop,offSetLeft等，返回的值会为0，通过js设置style.display来使元素显示后才能正确获得这些值。 2、使用display:none隐藏的元素不会被百度等搜索网站检索，会影响到网站的SEO，某些情况下可以使用left:-px来达到同样效果。 3、如果是通过样式文件或<style>css</style>方式来设置元素的display:none样式，用js设置style.display=""并不能使元素显示，可以使用block或inline等值来代替。通过style="display:none"直接在元素上进行的设置不会有这个问题 4、有些情况下可以使用style.visibility来代替style.display，但是要注意的是style.visibility隐藏元素时会保留元素在页面上所占的空间，而style.display隐藏元素且让出所占页面空间。

推荐整理分享css display:none使用注意事项小结，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

Firefox下样式设置宽度奇怪现象页面中有一个数据列表，是table，放在一个div窗口中，结构如下：bodydivid="container"tableid="grid"....列表数据..../table/div/body给container设置了样式#container{width:

html工作中表格<tbody>标签的使用技巧在做页面的时候，经常要根据不同的操作来显示或隐藏一个表格中的部分内容，隐藏一行直接用tr标签，隐藏多行时用tbody就很方便。tabletbodyid="content1"tr

input为disabled提交后得不到该值的解决方法 inputname="country"id="country"size=value="disabled提交时得不到该值"disabled="disabled"放在form表单中提交后得不到该值。将disabled="disabled"改为readonly="readonly"即可按

本文链接地址:https://www.jiuchutong.com/biancheng/375365.html 转载请保留说明！

上一篇：iframe自适应高度的多种方法方法小结(iframe内容自适应缩放)

下一篇：Firefox下样式设置宽度奇怪现象(firefox怎样调整为中文)