Box shadow不会在Chrome中一直延伸

Question

所以我在

的内容的两侧都有一个盒子阴影

www.heatherkirk.net。哈哈，不要注意我在IE上的头版（我的投资组合列表都搞砸了），如果你选择使用它，这是一个完全不同的问题大声笑。

对于Firefox和IE，它肯定会一直延伸。但是，在Chrome上，它会中途停止，当我点击Inspect时，它会显示我的主容器停在页面的中间位置（仅在Chrome上）。如果有人能为我回答，我将不胜感激！

Answer 1

坦率地说，除了铬的阴影更精简外，我没有看到任何区别。 chrome inspect元素显示你已经添加了-web-box-shadow。如果你添加它，那么它是错误的，它应该是-webkit，那就是safari。对于mozilla thats -moz。添加这样，看看你是否找到了差异。

#example1 {
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}