box-shadow проблемы в Опере

DiMMK4 · July 25, 2011

Добрый вечер.

Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень.

Прошу вашей помощи. Спасибо.

html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Документ без названия</title>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
    <div id="top-body">
        тут что то есть
    </div><!-- #top-body -->
</body>
</html>

css


body {
margin: 0;
padding: 0;
background: #e9e9e9;
}

#top-body {
background: #f8f8f8 url(../img/bg_top.png) repeat;
box-shadow: 0 1px 5px #000000;
width: 100%;
}

скрин

Softlink · July 25, 2011

тоже встречал этот баг. Вам же не обязательно отображать тень с флангов? Задайте

overflow:hidden;

для боди.

DiMMK4 · July 25, 2011

Softlink, спасибо Вам

Проблема решена.

Sign In

box-shadow проблемы в Опере

Question

DiMMK4

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

DiMMK4

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information