Question

实际上问题很简单，我的影子在Google Chrome中是黑色的，在Firefox中是白色的，它应该是黑色的。如果你有不同的评论，请说出来，因为我还是学生。

这是我的HTML代码：（它是荷兰语，但它只是让你看到无政府状态。）

<div class="rechts">
    <h2>IN DE SPOTLIGHTS</h2>
    <p>Zondag 13 oktober beginnen we met ons nieuwe jaar! We starten om 13u30 en iedereen is natuurlijk meer dan welkom! KSA Scherpenheuvel is ook te vinden op <a href="https://www.facebook.com/pages/KSA-Scherpenheuvel/1065425993472427?fref=ts" style="color: black">facebook</a>!</p>

    <h2>FOTOMOMENT</h2>
    <p><img src="images/groepsfoto.jpg" width="400px" alt="foto niet beschikbaar" /><br /> Groepsfotooooo!</p>

    <h2>EXTRA</h2>
    <p><a href="baby.html" style="color: black;">babysitter nodig</a></p>
</div>

我的带有rechts的div的css代码：

.rechts{
    position:absolute;
    right:10px;
    top:500px;
    background-color:#4CAD5D;
    width: 450px;
    border-radius:4px ;
    box-shadow: 0 10px 7px #fff;
    -webkit-box-shadow: 0 10px 7px black;
    -moz-box-shadow: 0 10px 7px black;
    text-align: center;
}

Answer 1

你有＆＃39;框阴影＆＃39;然后与供应商前缀相同。第一个盒子阴影中有白色。

改变这个：

chmod 777 Crimes.xlsx
# you might need to add sudo if you get permission error:
sudo chmod 777 Crimes.xlsx

对此：

.rechts {
    box-shadow: 0 10px 7px #fff;
    -webkit-box-shadow: 0 10px 7px black;
    -moz-box-shadow: 0 10px 7px black;
}

您可以使用黑色或＃000，但我更喜欢在最后放置供应商前缀免费行。

Answer 2

最好先编写带前缀的代码，然后再添加前缀，IE：

-webkit-box-shadow: 0 10px 7px black;
-moz-box-shadow: 0 10px 7px black;
box-shadow: 0 10px 7px #fff;

这里的问题是你的前缀box-shadow是#fff，等于白色。某些浏览器（取决于版本等）将使用未加前缀的版本，即使前缀版本在未加前缀的版本之后。

将其更改为box-shadow: 0 10px 7px #000;（或使用black代替#000），您就会很好。

Box-shadow在Chrome中是黑色而在Firefox中是白色的？

2 个答案: