Html 如何从重叠元素中移除长方体阴影

我有一些html，这是造成移动视图框阴影。我没有把它放在那里，我已经尽了一切努力来摆脱它。它只显示在移动视图中，但我怀疑它在那里，因为我将所有文本插入一个位置，然后将其向左移动

Html:

没用

您可以查看

---

这是Codepen，但我似乎无法重现问题

您的css中创建了框阴影的

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

。使用

CTRL+F

在css中搜索该内容

考虑使用

svg

或其他格式，而不是使用div创建复杂的插图。巢穴脏得令人难以置信

---

干杯

框阴影是由此css规则引起的

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

我建议用一些更具体的css删除或覆盖它

body.n{box shadow:none；}

或者直接内联：

i

---

@mertcanb是对的，您的标记太乱了；）

你指的是什么浏览器？另外，请制作一个再现问题的JSFIDLE。这个问题是否发生在Android上的iOS Safari和Chrome等实际移动浏览器中？是的。在chrome和Firefox中。谢谢你，伙计。是的，我还在学习。今天学习了如何使用html/css制作标尺。：-）祝你过得愉快，谢谢。对我真傻。：-）投了你一票，但没有给你足够的分数。

<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">

#text-7 {box-shadow: none}