CSS3陰影解決方法 CSS3陰影是一種很常用的效果，但在在不同瀏覽器中可能會出現一些問題。下面介紹幾種解決方法。 解決方法一：box-shadow box-shadow是CSS3中專門用來添加陰影樣式的屬性，一般支持所有主流瀏覽器。 代碼如下：

.shadow {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

解決方法二：filter filter也是CSS3中添加陰影的屬性之一，不過需要各種前綴以支持不同瀏覽器。 代碼如下：

.shadow {
-webkit-filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.5));
filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.5));
}

解決方法三：偽元素 使用偽元素來添加陰影，這種方法比較早就有了，但需要額外的HTML標簽，不太優雅。 代碼如下：

.shadow::before {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
z-index: -1;
}

以上是幾種常見的CSS3陰影解決方法，可以根據情況選擇合適的方法來應用。