答案:
Opacity: 元素本身依然占据它自己的位置并对网页的布局起作用. 它也将响应用户交互;
Visibility: 与 opacity 唯一不同的是它不会响应任何用户交互. 此外, 元素在读屏软件中也会被隐藏;
Display:display 设为 none 任何对该元素直接打用户交互操作都不可能生效. 此外, 读屏软件也不会读到元素的内容. 这种方式产生的效果就像元素完全不存在;
Position: 不会影响布局, 能让元素保持可以操作;
Clip-path:clip-path 属性还没有在 IE 或者 Edge 下被完全支持. 如果要在你的 clip-path 中使用外部的 SVG 文件, 浏览器支持度还要低;
4.CSS 清除浮动的几种方法 (至少两种)
答案:
清除浮动: 核心: clear:both;
1. 使用额外标签法 (不推荐使用)
在浮动的盒子下面再放一个标签, 使用 clear:both; 来清除浮动
- :after(在... 之后)
- :before(在... 之前)
- .clearfix:after {
- content:"";
- height:0;
- line-height:0;
- display:block;
- clear:both;
- visibility:hidden; /_将元素隐藏起来_/
- (这个元素的高为 0 行高也为 0 并且这个元素清除了浮动)
- }
- .clearfix {
- zoom:1;/_为了兼容 IE6_/
- }
来源: http://www.bubuko.com/infodetail-3458871.html