關(guān)于隱藏
顯示隱藏的標(biāo)簽有display:none和visibility:hidden,那么他們二者有什么區(qū)別呢伶氢?
首先我們建立一個(gè)100*100的盒子吭历,并寫上一些內(nèi)容,在盒子外建立一個(gè)p標(biāo)簽也寫上內(nèi)容躲因。
代碼如下
給它加上display:none這個(gè)隱藏屬性后,結(jié)果如下:
可見display:none這個(gè)屬性能隱藏本身以及子級(jí)且不會(huì)占據(jù)原來的位置。
然后我們來看看visibility:hidden這個(gè)屬性大脉,還是之前的代碼搞监,結(jié)果如下:
可見visibility:hidden這個(gè)屬性在隱藏的同時(shí)還占據(jù)著原來的位置。
要顯示的話只需加display:block即可顯示镰矿。
關(guān)于透明度
關(guān)于透明度的屬性有opacity和rgba琐驴,接下來讓我們看看他們二者又有什么不同。
0為隱藏1為顯示? ? ? ?0.5為透明度范圍在0到1之間
結(jié)果如下:
可見opacity把本身和子級(jí)全部透明化了衡怀。
而rgba僅僅只是把背景半透明化了棍矛,子級(jí)不透明。
小伙伴們抛杨,你們明白了嗎够委?