Question

我目前正在更新/处理此网页＆＃34; https://www.emergencydentalservice.com/emergency-dentist-by-city＆＃34;它们是一个出现在身体上的不需要的盒子阴影，我无法从哪里或为什么确定。在不受欢迎的阴影之上，该网站似乎也在768px之后破裂，我无法弄清楚原因。非常感谢任何帮助，谢谢大家。 Image of the site breaking after 768px

Answer 1

#inside-main上的框阴影设置为eds_main.css。

#inside-main {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    box-shadow: 1px -2px 4px #666;
    -webkit-box-shadow: 1px -2px 4px #666;
    -moz-box-shadow: 1px -2px 4px #666;
    -o-box-shadow: 1px -2px 4px #666;
}

变为

#inside-main {
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

至于布局中断，#foot-de-eds, #foot-top-cites上的eds_main.css设置为：

#foot-de-eds, #foot-top-cites {
    margin: 1.3em auto;
    width: 100%;
    max-width: 1028px;
    padding-left: 2em;
}

尝试删除max-width: 1028px; - 所以：

#foot-de-eds, #foot-top-cites {
    margin: 1.3em auto;
    width: 100%;
    padding-left: 2em;
}

Answer 2

对于影子问题： #inside-main上的eds_main.css仍然有一个box-shadow属性。

虽然你没有真正指定你做了哪些阴影并且不想要...因为页面上有多个阴影。

Inspect Element / Dev Tools是你的朋友。可以轻松搜索您可能忽略的属性。

Answer 3

on <div class="phone-wrap">

删除

background: url(/eds_siteIMGS/phoneBG_seperated.png) repeat-x;

图像有阴影

网站上出现不需要的盒子阴影和响应中断

3 个答案: