2013-10-04 162 views
-1

我有一个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徽标图片,它是透明的标志图像的显示表明它,我想删除显示。 请给我一个解决方案。

+1

请添加有意义的代码之后添加这些行并在这里描述问题描述。请不要将 链接到需要修复的网站 - 否则,一旦问题得到解决,此问题将会丢失未来访问者的任何价值 。发布 [简短,独立,正确的示例(SSCCE)](http://www.sscce.org/) ,这表明您的问题将帮助您获得更好的答案。有关更多信息,请参阅 [我的网站上的某些内容不起作用。我可以只粘贴一个链接到 它吗?](http://meta.stackexchange.com/questions/125997/)谢谢! – j08691

+0

哪个影子?那边的小阴影还是大灰色? – dezman

回答

1

删除这些属性,应该删除从你的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; 
} 
+0

删除线工作谢谢 –

1

#lightboximg

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

大声笑,你删除了不同的阴影比我,哪一个他想删除我想知道... OP没有真正指定 – dezman

+0

@watson甚至没有意识到我粘贴的CSS:p –

+0

我想要一个透明的背景,它将删除此背景 –