CSS visibility ÊôÐÔ

ʵÀý

ʹ h2 ÔªËØ²»¿É¼û£º

h2
  {
  visibility:hidden;
  }

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö visibility ÊôÐÔ¡£

×¢ÊÍ£ºÈκεİ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³Ö "inherit" ºÍ "collapse" ÊôÐÔÖµ¡£

¶¨ÒåºÍÓ÷¨

visibility ÊôÐÔ¹æ¶¨ÔªËØÊÇ·ñ¿É¼û¡£

Ìáʾ£º¼´Ê¹²»¿É¼ûµÄÔªËØÒ²»áÕ¼¾ÝÒ³ÃæÉϵĿռ䡣ÇëʹÓà "display" ÊôÐÔÀ´´´½¨²»Õ¼¾ÝÒ³Ãæ¿Õ¼äµÄ²»¿É¼ûÔªËØ¡£

˵Ã÷

Õâ¸öÊôÐÔÖ¸¶¨ÊÇ·ñÏÔʾһ¸öÔªËØÉú³ÉµÄÔªËØ¿ò¡£ÕâÒâζ×ÅÔªËØÈÔÕ¼¾ÝÆä±¾À´µÄ¿Õ¼ä£¬²»¹ý¿ÉÒÔÍêÈ«²»¿É¼û¡£Öµ collapse ÔÚ±íÖÐÓÃÓÚ´Ó±í²¼¾ÖÖÐɾ³ýÁлòÐС£

ĬÈÏÖµ£º visible
¼Ì³ÐÐÔ£º yes
°æ±¾£º CSS2
JavaScript Óï·¨£º object.style.visibility="hidden"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
visible ĬÈÏÖµ¡£ÔªËØÊǿɼûµÄ¡£
hidden ÔªËØÊDz»¿É¼ûµÄ¡£
collapse µ±ÔÚ±í¸ñÔªËØÖÐʹÓÃʱ£¬´ËÖµ¿Éɾ³ýÒ»ÐлòÒ»ÁУ¬µ«ÊÇËü²»»áÓ°Ïì±í¸ñµÄ²¼¾Ö¡£±»ÐлòÁÐÕ¼¾ÝµÄ¿Õ¼ä»áÁô¸øÆäËûÄÚÈÝʹÓá£Èç¹û´ËÖµ±»ÓÃÔÚÆäËûµÄÔªËØÉÏ£¬»á³ÊÏÖΪ "hidden"¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рvisibility ÊôÐÔµÄÖµ¡£

TIY ʵÀý

ÈçºÎÊ¹ÔªËØ²»¿É¼û
±¾ÀýÑÝʾÈçºÎÊ¹ÔªËØ²»¿É¼û¡£ÄãÏ£ÍûÔªËØ±»ÏÔʾ³öÀ´£¬»¹ÊDz»ÄØ£¿
°Ñ±í¸ñÔªËØÉèÖÃΪ collapse
±¾ÀýÑÝʾÈçºÎʹ±í¸ñÔªËØµþ¼Ó£¿

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ¶¨Î»

HTML DOM ²Î¿¼Êֲ᣺visibility ÊôÐÔ

VUE