0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > css display:none使用注意事项小结

css display:none使用注意事项小结
热门标签：智能语音电销机器人客户端 上海400电话办理到易号网 广州防封电销机器人厂家 常州电话外呼系统招商 山东电销机器人软件 洛阳防封卡外呼系统厂家 南通电销外呼系统软件 申请400电话移动 成都企业外呼系统
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隐藏元素且让出所占页面空间。

标签：贵州 贺州 邵阳 混显 广安 莱芜 鹤壁 沧州

巨人网络通讯声明：本文标题《css display:none使用注意事项小结》，本文关键词  css,display,none,使用,注意事项,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《css display:none使用注意事项小结》相关的同类信息！
  • 本页收集关于css display:none使用注意事项小结的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：iframe自适应高度的多种方法方法小结

    下一篇：Firefox下样式设置宽度奇怪现象

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： css display:none使用注意事项小结 css,display,none,使用,注意事项,