Question

我有一个带css的HTML代码

<style>
        #lightbox {
            position:fixed; /* keeps the lightbox window in the current viewport */
            top:0; 
            left:0; 
            width:100%; 
            height:100%; 
            background:url(overlay.png) repeat; 
            text-align:center;
        }
        #lightbox p {
            text-align:right; 
            color:#fff; 
            margin-right:20px; 
            font-size:12px; 
        }
        #lightbox img {
            box-shadow:0 0 25px #111;
            -webkit-box-shadow:0 0 25px #111;
            -moz-box-shadow:0 0 25px #111;
            max-width:940px;
        }
        </style>

在我的html中，我有一个.png徽标图像，该图像是透明的，徽标图像正在显示，并且我想删除显示的内容。请给我一个解决方案。

Answer 1

在#lightbox img

上删除这些属性

#lightbox img {
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px #111;
    -moz-box-shadow: 0 0 25px #111;
}

Answer 2

您应该从css中删除这些行：

#lightbox img {
  box-shadow: 0 0 25px rgb(17, 17, 17);
  -webkit-box-shadow: 0 0 25px rgb(17, 17, 17);
  -moz-box-shadow: 0 0 25px #111;
}

或者在那之后添加这些行

#lightbox img {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

如何透明删除图像阴影

2 个答案: