大家好，欢迎来到IT知识分享网。
display属性
display：none | block；display:none; 表示隐藏元素，且不再占有元素原来的位置。
隐藏元素1
隐藏元素2
隐藏元素3
display代码运行图
visibility
visibility：hidden | visible;visibility：hidden; 元素隐藏且继续占有元素原来的位置。
visibility：visible; 元素可视。
隐藏元素1
隐藏元素2
隐藏元素3
visibility代码运行图
overflow
overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。
overflow：scroll; 溢出部分显示滚动条。
overflow：auto; 当溢出时显示滚动条，没有溢出则不显示。
overflow: visibility; 对溢出部分正常显示，不剪切内容，也不显示滚动条。
overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。 overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。 overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。 overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。
overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。 overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。 overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。 overflow：hidden; 溢出隐藏。当内容超出元素的边框，将其超出的部分隐藏。
overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。 overflow：scroll; 溢出部分显示滚动条。
overflow:auto； 有溢出部分就显示滚动条，没有溢出就不显示滚动条。 overflow:auto； 有溢出部分就显示滚动条，没有溢出就不显示滚动条。
overflow:auto； 有溢出部分就显示滚动条，没有溢出就不显示滚动条。 overflow:auto； 有溢出部分就显示滚动条，没有溢出就不显示滚动条。 overflow:auto； 有溢出部分就显示滚动条，没有溢出就不显示滚动条。 overflow:auto； 有溢出部分就显示滚动条，没有溢出就不显示滚动条。
overflow代码运行图
图片遮罩小案例
实现效果：
当鼠标悬停在目标元素上，有半透明遮罩显示在图片上，鼠标移开后，图片没有遮罩效果。
没有鼠标悬停的图片效果
鼠标悬停状态下的图片遮罩效果
拜拜~
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/95559.html
