2012-02-22 5 views
1

так что это сводит меня с ума. У меня есть два divs, плавающие слева, нижняя часть имеет тень тени тени, в этой скрипте JS http://jsfiddle.net/q79Lg/ тень отображается правильно, она покрывает контент, но когда я копирую буквально то же самое на страницу http://www.klossal.com/portfolio/index_backup2.html, тень doesn ' t охватывают содержимое в div выше. Почему это происходит??тень окна не отображается над контентом

В конечном счете, я хотел бы использовать его здесь http://www.klossal.com/portfolio/index_backup5.html, но это та же проблема, что и в первых двух источниках, но я выбрал все остальные мусора.

Большое спасибо за помощь.

+0

Мне кажется, что тень там так же, как предполагается, это просто не так легко увидеть на уже темный фон. – Feysal

ответ

0

Попробуйте

<div align="center" style="background: #ffffff; position: absolute; bottom: 0px; left: 0px; z-index: 5; border:1px solid red; -webkit-box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); box-shadow: 0px -7px 20px 0px rgba(0, 0, 0, 1); width:100%;height:200px;"> 

для Отступ DIV, увидеть, если это работает :)

+0

, поэтому я хотел бы избежать позиционирования его абсолютно. И на основе рендеринга Jfiddle, который мне не нужен, он отлично работает там, вы можете увидеть тень на столе большого пальца изображения в первом div, который прокручивается. Он покрывает фон в обоих, но в Jfiddle также охватываются большие пальцы и скроллер, и это то, что я хочу. Я не могу понять, почему в живом примере на странице нет. Это проблема. – loriensleafs

+0

поэтому приведенный выше код не работает на сайте? Я просто любопытный, пытаясь найти это, но интересно «http://www.klossal.com/portfolio/index_backup2.html» отлично работает в моем браузере (firefox), какой браузер вы используете? –

+0

делает код jfiddle по-разному каким-то образом, который будет учитывать эту разницу? – loriensleafs

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