如何从重叠元素中删除框阴影
如何从重叠元素中删除框阴影
提问于 2019-08-12 21:00:06
在这里输入图像描述我有一些html，它在移动视图中造成一个框影。我没有把它放在那里，我已经用尽一切办法来摆脱它。它只显示在移动视图中，但我怀疑它在那里，因为我在一个地方插入了所有的文本，然后将它向左移动。
Html：
<div class="b">t</div>
<div class="c">n</div>
<div class="d">a</div>
<div class="e">t</div>
<div class="f">l</div>
<div class="g">u</div>
<div class="h">s</div>
<div class="i">n</div>
<div class="j">o</div>
<div class="k">c</div>
<div class="l">n</div>
<div class="m">g</div>
<div class="n">i</div>
<div class="o">s</div>
<div class="p">e</div>
<div class="q">d</div>
</div>和
</div><div id="text-7" class="widget widget_text"> <div class="textwidget"><div class="line-down">尝试更改id css：
#text-7 {box-shadow: none} 没起作用。
您可以查看这里
这是Codepen，但我似乎无法重现问题https://codepen.io/adsler/pen/rXoNGJ
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-08-12 21:24:27
您的css中有.n {box-shadow: 0px 0px 10px #808080;}，它创建了框影。使用CTRL+F搜索您的css。
考虑使用svg或其他格式，而不是用div创建复杂的插图。筑巢太脏了。
干杯!
Stack Overflow用户
发布于 2019-08-12 21:24:35
框影是由这个css规则造成的。
.n {box-shadow: 0px 0px 10px #808080;}我建议用一些更具体的css来删除或覆盖它
body .n {box-shadow: none;}或者只是内联：
<div style="box-shadow:none;" class="n">i</div>
@mertcanb是对的，你的标记很乱;)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57468172
复制相关文章
相似问题
腾讯云开发者
