Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме IE. Предполагаю, что он опять чего-то не поддерживает, вот только что? Помогите стажеру.
.shadow { background: URL(http://avtomotokniga.ru/image/shadow.jpg) no-repeat 100% 100%; /* Рисунок с тенью */ float: left; /* Создание обтекания для правильного положения тени */ } .bottom-left-corner { background: URL(http://avtomotokniga.ru/image/corner_bl.jpg) no-repeat 0px 100%; /* Левый нижний уголок */ } .top-right-corner { padding: 0 8px 8px 0; /* Ширина тени справа и снизу */ background: URL(http://avtomotokniga.ru/image/corner_tr.jpg) no-repeat 100% 0px; /* Правый верхний уголок тени */ } .shadow IMG { display: block; /* Блочный элемент */ } .clear { clear: left; /* Отменяем обтекание */ }
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
zlobik
Здравствуйте. Нашел инете пример, как реализовать падающие тени от картинок, причем не только для статических, а которые генерить можно. Поставил - везде работает, кроме IE. Предполагаю, что он опять чего-то не поддерживает, вот только что? Помогите стажеру.
.shadow {
background: URL(http://avtomotokniga.ru/image/shadow.jpg) no-repeat 100% 100%; /* Рисунок с тенью */
float: left; /* Создание обтекания для правильного положения тени */
}
.bottom-left-corner
{
background: URL(http://avtomotokniga.ru/image/corner_bl.jpg) no-repeat 0px 100%; /* Левый нижний уголок */
}
.top-right-corner {
padding: 0 8px 8px 0; /* Ширина тени справа и снизу */
background: URL(http://avtomotokniga.ru/image/corner_tr.jpg) no-repeat 100% 0px; /* Правый верхний уголок тени */
}
.shadow IMG {
display: block; /* Блочный элемент */
}
.clear {
clear: left; /* Отменяем обтекание */
}
<div class='shadow'>
<div class='bottom-left-corner'>
<div class='top-right-corner'><img title='".$row['name']."' border=0 src='http://avtomotokniga.ru/water.php?b=".$cat."'/>
</div>
</div>
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.