[奥村拓也]

【お使いの Snow Monkey のバージョン】バージョン: 25.1.5
【お使いの Snow Monkey Blocks のバージョン】バージョン 20.3.0
【お使いの Snow Monkey Editor のバージョン】バージョン 9.3.0
【お使いの PHP のバージョン】8.1
【お使いのブラウザ】google chrome
【当該サイトのURL】https://g-conure-works.com/portfolio/test/

### 発生している問題

ブロークングリッドセクションにおいて、影の設定を行うと、本来前面に出る画像よりもシャドウの方が前面に表示されてしまいます。

### 試したこと

もともと他のサイトで起きていた件を、上記のサイトで改めてブロークングリッドセクションを作成したところ、事象が再現しました。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

何か画像に影響を与えるようなプラグインを入れられたりしてますかね？

♥ 1

いいねをした人:

[まーちゅう]

Wappalyzerで確認すると、EWWW Image Optimizer を使用されているようです。
EWWW Image Optimizer の設定「WebP の配信方法」で、「Picture WebP Rewriting」にチェックを入れると
img タグが picture タグに置き換わるので、以下のCSSを追加する必要があります。

.smb-section-break-the-grid__figure>picture {
    position: relative;
}
.smb-section-break-the-grid__figure>picture img {
    width: 100%;
}

♥ 3

いいねをした人:

[奥村拓也]

キタジマ様、まーちゅう様

ありがとうございます。解決いたしました。

おっしゃる通り、EWWW Image Optimizer 使用による影響でした。

♥ 3

いいねをした人:

[キタジマ タカシ]

なるほど！ まーちゅうさんが書いてくれた CSS、取り込むようにします！

♥ 2

いいねをした人:

[投稿者]

投稿