magnificポップアップで影の背景色を変更する

Question

壮大なポップアップで画像の影の不透明度と潜在的な色を変更しようとしています。私はポップアップのCSSで遊んでみました。バックグラウンドで＃番号を変更します。無駄に。助けてください 。私はフレームワークとしてブートストラップを使用しています。ここで がCSSです：

/* The shadow behind the image */ 
.mfp-figure { 
    line-height: 0; } 
    .mfp-figure:after { 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 40px; 
    bottom: 40px; 
    display: block; 
    right: 0; 
    width: auto; 
    height: auto; 
    z-index: -1; 
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 
    background: #444; } 
    .mfp-figure small { 
    color: #BDBDBD; 
    display: block; 
    font-size: 12px; 
    line-height: 14px; } 
    .mfp-figure figure { 
    margin: 0; } 

Answer 1

箱-shadowプロパティを変更することにより、あなたはこのポップアップの色を変更したり、変更することができます。単にbox-shadow: 0 0 8px rgba(0, 0, 0, 0.6);をrgba(0, 0, 0, 1)に置き換えてください。これはあなたが達成しようとしていることを行うはずです。