.bg-img-transparent { width: 500px; height: 500px; margin: 0; background-position: 0px 0px, 8px 8px; background-size: 16px 16px; background-image: -webkit-linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc 100%),-webkit-linear-gradient(45deg, #ccc 25%, white 25%, white 75%, #ccc 75%, #eee 100%); background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, tran
![[CSS]デザイナーには透明に見えてしまう背景を実装するスタイルシートのテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/dee0f77c87217279cf90145ae78c50c927a91ef0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017061201.gif)