发表于: 2019-06-10 23:43:52
1 818
1 今日收获:将元素隐身,目前就我所知道的有四个,如下:
display:none 元素相当于被删除
opacity 当opacity的值设置为0时,元素被隐藏,且子元素会继承,也就是说元素本身及其子元素都会透明
rgba 当a的值设置为0时,背景会被隐藏,但是子元素不会,一般用于设置背景颜色的透明度
position 当z-index的值设置为负值的时候,此元素将会被隐藏在其他z-index比它大的下面
{ display: none; /* 不占据空间,无法点击 */ }
{ visibility: hidden; /* 占据空间,无法点击 */ }
{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间,可以点击 */ }
{ position: absolute; top: -999em; /* 不占据空间,无法点击 */ }
{ position: relative; top: -999em; /* 占据空间,无法点击 */ }
{ position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ }
{ height: 0; overflow: hidden; /* 不占据空间,无法点击 */ }
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间,可以点击 */ }
参考网址:https://www.cnblogs.com/lqqchangeload/p/6065311.html
2 今日疑惑:在调整自适应的时候,由于我背景用的是精灵图,定位用的是px,所以我在调整页面大小的时候,背景图片随之而动,
今天家里有事耽搁,未能及时解决,争取明天解决
3 明日计划:争取将任务七提交 了解任务八的轮播图
评论