3-4 想问个小问题

display:block 设置这个为什么就会被显示? 这个css不是设置标签的属性的么? 设置块级元素/行内元素/表格元素, 兼有多种属性,或者设置为none,来隐藏标签内容, 但是为啥会设置优先级了呢? 我记得设置优先级用的不应该是z-index么...? 请老师解惑,还是我前面两节有点快进忽略了啥?

V丶x 2018-08-31

源自：项目：JS实现轮播特效 3-4 图片自动轮播

收起

2回答

好帮手慕夭夭 2018-09-02 10:45:32

设置display：block不会影响子元素哦 . 页面打开时，本地图片也需要加载的哦，只不过速度快而已。在实际开发中，并不会使用本地图片，所以考虑图片的加载速度在实际开发中是很重要的。虽然同学现在使用 z-index的方式可以实现效果，但是并不是最好的方式，所以推荐使用display 哦。
建议同学有问题不要在私信中提问，要在相关课程下面问答区提问，这样便于定位问题，并且也能让其他同学做个参考哦。

祝学习愉快！望采纳

收起回答

好帮手慕夭夭 2018-08-31 14:17:07

因为display: none;表示此元素不会被显示 , 所以可以设置display:block覆盖display: none; 就能显示了 , 设置display: inline等也可以显示哦 , 也就是 , 需要设置display的值去覆盖none , 元素不渲染none的样式 , 就不会隐藏了 . 同学说的优先级是什么意思呢 ,请具体描述一下 ,以便定位问题哦 ,祝学习愉快

收起回答

提问者 V丶x #1

我意思标签遮盖, 谁覆盖谁不是能控制么? 问题中我也描述了, 用z-index 是官方推荐的方式来设置遮盖的优先级的吧? 之前课程也有提到吧? 为什么不设置默认的优先级, 想要显示在设置z-index=99 清除你们用display隐藏就相当于设置 z-index=1调低就好了啊, 用display的话,万一在显示轮播图的标签内容中, 需要添加其他的效果样式的话, 随意的用display来改变成块级元素或是行内元素等等的属性调整, 难道不会对内容的子标签属性造成影响么? 这里是布局简单但是banner的div复杂的话, 我觉得用z-index才是最好的方式呀?能听懂我想表达的么?

2018-08-31 14:27:35
好帮手慕夭夭回复提问者 V丶x #2

图片轮播不会使用display: inline , 老师提到display: inline是因为它也可以让图片显示 , 也就是说任何可以覆盖none的其他属性都可以让图片显示 .但是为了让其子元素不受影响 ,所以使用display:block . 使用display的方式去控制元素的显示和隐藏在实际开发中应用很多 , 因为设置display: none;的元素会不占据文档的空间 , 这在实际的大项目中会节约网站请求图片或者加载元素的时间 . 同学讲到的使用 z-index虽然也可以实现效果 ,但实际用这个方法 ,图片在页面中都存在的 , 只不过后几张被优先级高的挡住了 ,所以页面刚开始加载时 , 可能会延长加载的时间哦 .

2018-08-31 17:16:06
提问者 V丶x 回复好帮手慕夭夭 #3

嗯... display为none就不请求图片资源了是么这个学到了, 但是咱不设置的本地图片不涉及请求呀... 我的意思其实是想问, 父元素设置了display属性, 那内部的子元素会不会受到影响, 好像不会有影响吧? 还有啊老师! 我想在下个路径那里提问,但是只能输入50字不能涵盖我要问的所有内容, 然后我就把我想问的问题给你们的问答老师发私信了, 但是都没人回复我啊... 咋办啊?

2018-09-01 11:31:40