如何从重叠元素中删除框阴影

Question

enter image description here我有一些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} 

没用。

您可以查看here

这是Codepen，但我似乎无法重现问题https://codepen.io/adsler/pen/rXoNGJ

Answer 1

盒子阴影是由此css规则引起的

Activity

我建议用一些更特定的CSS删除或覆盖它

.n {box-shadow: 0px 0px 10px #808080;}

或仅内联：

body .n {box-shadow: none;}

@mertcanb是正确的，您的标记是一团糟;）

Answer 2

您的CSS中有.n {box-shadow: 0px 0px 10px #808080;}，它会创建盒子阴影。使用CTRL+F在CSS中搜索。

考虑使用svg或其他格式，而不要使用div创建复杂的插图。嵌套非常脏。

干杯！