Теги Div не будут отображаться правильно - PullRequest
Новая
       0

Теги Div не будут отображаться правильно

0 голосов
/ 07 сентября 2011

Поэтому я хочу использовать несколько тегов div, которые используют границы веб-набора, но по какой-то причине будет отображаться только тот, который называется «Обертка».Это мой код 

.wrapper {
margin: 20px auto 20px auto;
width: 800px;
background: url('images/background_1.png');
padding: 40px;
border: 1px solid #fff;
font: 10px "Visitor", Arial, Verdana, sans-serif;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;

А вот еще один пример другого тега ниже: 

.body {
margin: 20px auto 20px auto;
width: 800px;
background: #fff;
padding: 0px;
border: 1px solid #fff;
font: 10px "Visitor", Arial, Verdana, sans-serif;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 2px #999;
-webkit-box-shadow: 0 0 3px #999;

Буду очень признателен

Ответы [ 3 ]

0 голосов
/ 07 сентября 2011

Попробуйте поместить объявление border-radius под объявлением -webkit-border-radius.(В любом случае, это лучше по причинам совместимости) 

.wrapper {
    margin: 20px auto 20px auto;
    width: 800px;
    background: url('images/background_1.png');
    padding: 40px;
    border: 1px solid #fff;
    font: 10px "Visitor", Arial, Verdana, sans-serif;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
}

.body {
    margin: 20px auto 20px auto;
    width: 800px;
    background: #fff;
    padding: 0px;
    border: 1px solid #fff;
    font: 10px "Visitor", Arial, Verdana, sans-serif;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 2px #999;
}
0 голосов
/ 07 сентября 2011

это работает для меня: 

    <style type="text/css">
    .wrapper {
    margin: 20px auto 20px auto;
    width: 800px;
    background: url('images/background_1.png');
    padding: 40px;
    border: 1px solid #fff;
    font: 10px "Visitor", Arial, Verdana, sans-serif;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    }

    .body {
    margin: 20px auto 20px auto;
    width: 800px;
    background: #fff;
    padding: 20px;
    border: 1px solid #fff;
    font: 10px "Visitor", Arial, Verdana, sans-serif;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 20px;
    box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 3px #999;}
    </style>
    </head>

    <body>
    <div class="wrapper"></div>

    <span class="body">afasfdasdf</span>
0 голосов
/ 07 сентября 2011

Я не знаком с webkit, но { padding: 0px } может быть виновником ...?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...