CSS-тень показывает странный белый регион?

Следующий код работает отлично для всех моих изображений, однако, когда я использую его на контейнере для холста html5, он показывает странную белую область перед фактической тенью.CSS-тень показывает странный белый регион?

CSS:

#container{ 
    width: 500px; 
    border-top-left-radius: 2px; 
    border-top-right-radius: 2px; 
    border-bottom-right-radius: 2px; 
    border-bottom-left-radius: 2px; 
    margin: 0px; 
    padding: 0px; 
    -webkit-box-shadow: 0 8px 6px -6px black; 
     -moz-box-shadow: 0 8px 6px -6px black; 
      box-shadow: 0 8px 6px -6px black; 
}

HTML:

<div id="container"></div>

РЕЗУЛЬТАТ: http://i.imgur.com/0uk5yVQ.png

Кто-нибудь знает, как это исправить? Я взял исходный код от http://css-tricks.com/snippets/css/css-box-shadow/

источник

2013-09-03 Jonas Kaufmann

регистрация here..http: //jsfiddle.net/tFUPU/ .. удалить тень и увидеть ... вы получите четкое изображение –

@Ganesh Я хочу, чтобы тень но я не хочу сохранять странное белое пространство между ними. –

Затем вам нужно изменить ширину контейнера ... вам нужно установить ширину и высоту вашего собственного размера изображения. Надеюсь, что это сработает ... –

Это происходит потому, что изображения встроены по умолчанию. Если вы добавите к нему display: block; - пробел исчезнет. Как и (http://jsfiddle.net/skip405/tFUPU/2/

#container img { 
    display: block; 
}

источник

2013-09-03 14:05:31 skip405

CSS-тень показывает странный белый регион?

ответ

Смежные вопросы