怎樣讓主題的css元素不顯示隱藏起來(lái)?只需要給元素添加“visibility:hidden;”樣式即可。
示例:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>元素隱藏--visibility: hidden</title> <style> .visibility{ visibility: hidden; } </style> </head> <body> <div>正常顯示元素</div> <div class="visibility">隱藏元素</div> <div>正常顯示元素</div> </body></html>
說(shuō)明:
visibility屬性指定是否顯示一個(gè)元素生成的元素框。這意味著元素仍占據(jù)其本來(lái)的空間,不過(guò)可以完全不可見(jiàn)。值 collapse 在表中用于從表布局中刪除列或行。
當(dāng)設(shè)置visibility:hidden;
樣式后,元素會(huì)被隱藏(完全不可見(jiàn)),但是不會(huì)消失,依然占據(jù)空間,隱藏后不會(huì)改變html原有樣式;
會(huì)被子孫繼承,子孫也可以通過(guò)顯示的設(shè)置visibility: visible;
來(lái)反隱藏;
不會(huì)觸發(fā)該元素已經(jīng)綁定的事件, 動(dòng)態(tài)修改此屬性會(huì)引起重繪。