CSS珍百景 Calendar 2014 3日目の記事です。 日をまたいでしまいましたが、書きます。すいません。 今年の9月ごろにChromeとSafariで発現した珍百景です。 Chrome/Safariにおいて、tr要素に対し、box-shadowプロパティを指定した時、それが適用されないというものです。 ちなみに後述しますがFirefoxではちゃんと適用されます。 ということで再現してみた以下の様なHTMLとCSSでこの現象は再現できます。 The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. /*css*/ table { box-shadow: 0 0 10px black; padding: 10px; } tr { box-shadow: 0 0 10
![Chrome/Safariではtrにbox-shadowが効かない #CSS珍百景](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5b9104c159765844ed7134e6638898cb734f04f/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Fce6e9b526b9570dfc5e17ad6e61e0781%2Ftumblr_inline_ng0kwrLeVi1r2bqt2.png)