|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
破洛洛文章简介:display:none和visibility:hidden这两个属性对应的值都是埋没对像,可是它们埋没对像有点区分。
display:none和visibility:hidden这两个属性对应的值都是埋没对像,可是它们埋没对像有点区分。
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埋没元素且让出所占页面空间。
visibility:hidden:
假如想让某一段代码在前台不显现,最复杂的办法是用css的display:none,如许,下边的内容就主动弥补这个清闲。可是在一些特别的情形下,我们只必要埋没这个元素,但它的地位不克不及被占用了,那末,visibility:hidden就能够完成这个请求。
也就是说,用,用visibility:hidden;能够很便利完成埋没元素在前台的显现,但它的地位不会被后边的元素抢占。</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。 |
|