SNSボタンをその領域::afterの前に出してあげると反映します。 反映しないボタンを::afterの前・上に置くCSSを追加する z-indexというCSSは、重なった要素を前に出したり、逆に後ろに出したりできます。 z-index: 1;これで何の指定もないと前に出ます。 SNSシェアボタンのスタイルは簡単に以下の通り。 .article ul.snsp { background: #fffcfdde url(画像のURL) no-repeat bottom; width: 320px; max-width: 100%; margin: 1.2em auto 0; padding: 1.2em 0 2em; transform: rotate(-1deg); } これにz-index: 1;を追加しても反映しません。 z-indexを指定しても反映しない原因 z-indexはposi
![CSS position: absolute;の指定でボタン画クリックできない!z-indexが効かない原因と解決方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c76829f3698fad5ba25021e37043ee6fd631816/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fbibabosi-rizumu.com%2Fwp-content%2Fuploads%2F2018%2F01%2FButton-absolute-3.png%3Ffit%3D355%252C240%26ssl%3D1)