不透明度/ブートストラップモーダルの奇妙なグリッチ

Question

数日前から、モーダルの背景でいくつかの奇妙なグラフィックスグリッチが報告され始めました。私はいくつかのデバイスでそれを見て、それの底に到達することができませんでした - インスペクタを介して、私は不透明度がグリッチを作成しているが、非常に珍しいように見ることができます。また、タブを切り替えて元のものに行った後も、グリッチはもう存在しません。

思考？誰かが前にこのようなものに遭遇しましたか？私は（クローム61以降）にも同じ問題（黒い四角/アーティファクトを）見ている

Answer 1

を（赤い取り消し線を無視してください）。私はそれがクロムのレンダリングの問題だと思っています。 お客様に迷惑をかけているため、回避策を探していますが、まだ解決策がないすべての不透明スタイルを削除する以外にはありません。

Answer 2

Chromeを61にアップデートした後も同じ問題が発生しました。これを回避するために、私は一時的にrgba（0,0,0,0.5）バックグラウンドのモーダルバックグラウンドで不透明度を入れ替えました。 rgbaのバックグラウンドはIE8ではサポートされていないので、フォールバックを追加するか、その環境で回避策を利用したくないことに注意してください。

Answer 3

私はスタイルを追加し、それがブートストラップモデルでグリッチ/パッチを削除

.modal-backdrop { 
    opacity: 1 !important; 
    background-color: rgba(0,0,0,0.5) !important; 
} 

Answer 4

このバグを回避するために役立ったが、境界がモデルコンテンツであると誰にも負けない、それを変更した場合

チェックをフェード、それがために働きました私。

.modal-content { 
    background-clip: padding-box; 
    border: none; 
} 

Sample Image