标签归档：visibility
visibility属性
visibility属性，在旅游网站建设中比较少用。他和display属性设置为none的效果一样，可以决定元素的内容在显示中是否可见。但与display属性设置为none效果不一样的地方在于，浏览器会为visibility的属性值hidden留出被隐藏的元素属性大小。如果在布局中使用visibility属性来隐藏相关文件会影响整个网站的布局，所以在旅游网站建设中很少用到。 visibility属性有三个属性值分别为：inherit、visible、hidden。 属性的默认值为visible，也就是显示元素的内容。属性hidden，表示隐藏。属性inherit，规定应该从父元素继承 visibility 属性的值。 使用inherit属性值示例如：’color’和’background’属性设置在BODY元素中。对于所有其它元素，’color’值将被继承，而背景是透明的。如果这些规则是用户样式表的一部分，整个文档将执行白底黑字的设置。 BODY { color: black !important; background: white !important; } * { color: inherit !important; background: transparent; } 下例使用hidden属性值与display属性设置none的效果对比 <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>旅游网站建设不常用到的hidden属性值与display属性设置none的效果对比</title> <style type=”text/css”> #abc img{ visibility: hidden; } #def … 继续阅读