Chrome 76 でこの Web サイトに奇妙な縦線が表示される原因は何ですか?

Chrome 76 でこの Web サイトに奇妙な縦線が表示される原因は何ですか?

私は以下の不具合に遭遇しましたhttps://www.troyhunt.com/、彼の記事の一つをランダムに読んでいるときに:

ここに画像の説明を入力してください

ご覧のとおり、ブラウザのタブにマウスを合わせると、ナビゲーション メニューに奇妙な縦の黒いバーが表示されます。このバグは、ウィンドウのサイズ、ブログのどのページを表示しているか、ウィンドウ内のタブが 1 つだけかどうか (タブが 1 つの場合は目立ちにくいですが)、タブ リストのどこに入力したかに関係なく発生します。タブを閉じて再度開いたり、更新したり、Chrome を再起動したりしても、バグは残ります。Javascript コンソール ログには何も記録されず、Firefox や Edge では発生しません。

何が原因なのか、誰か分かるでしょうか? Chrome バージョン 76.0.3809.100 (公式ビルド) (64 ビット)、Windows 10 1903 を使用しています。

答え1

これは Chrome 79 で解決されたようです。


これはCSSプロパティの既知のバグですbackdrop-filter。Chromium開発チームに報告されています。ここ現時点では回避策はありません。

私の調査によると、これは最近追加されたばかりの新しいCSSプロパティであるようです。クロムこのバージョンでは。

関連情報