lom599乐百家官网关于div外部元素运用position:fixed之后的背景地区题目。

<div class="div1" style="width: 400px;height:300px;">
    <img src="1.jpg">
    <div class="div2" style="position: fixed;left:0;top:0;width:100%;height100%;background:blue;display:none;">笔墨加配音</div>
</div>

当我点击div1时,我让div2表现,后果是类似如许的:

可以看到,我为div2设置了fixed全屏表现,并且宽高为100%,但我想要的是点击div1,表现的时分div2本身便是铺满屏幕的,而非从宽400高300忽然跳到100%。

我狐疑是子元素position:fixed之后,假如将它表现,会有一个从父元素宽度背景到body背景的渲染工夫,以是在渲染一末尾表现背景地区是按照父div的宽度表现。

不知如许猜测能否精确..

假如我的div2一定要在div1中,有什么办法可以处理如许的题目?

谢邀!
你这个提问有题目,我按你的代码,根本无法重现bug,就算是从父元素到body的的过渡,那一末尾也有400*300的大小,另有你的div2里的款式也不好好写,我以为提问者应该把题目描绘明晰,而不是让答复者去揣测你的题目。

设置了position: fixed;的元素,其定位是相干于窗口的!.div1设置为position: relative;或许position: absolute; .div2改position: fixed;为position: absolute;

.div1{position:relative}
.div2{position:absolute;left:0;top:0;bottom:0;right:0}

如许子不好吗?为什么要用fixed?

谢邀。我没有看出你的题目。你如许写是为了dom节点好找吗?

(看完/读完)这篇文章有何感想! lom599乐百家官网的分享…

发表评论

姓名 *
电子邮件 *
站点