Я не могу получить эту картинку на фоне моего div - PullRequest
Новая
       18

Я не могу получить эту картинку на фоне моего div

0 голосов
/ 24 февраля 2010

Может кто-нибудь направить меня в правильном направлении? Я не понимаю, почему я не могу получить black_bottom.png в качестве фона в закругленных углах. 

@charset "utf-8";

/* CSS Document */

html,
body {
  color: #444141;
  font-family: 'trebuchet ms' !important;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  background: #eaeade;
}

.justyParagraph {
  text-align: justify;
}

a img {
  border: 0;
}

.clearer {
  clear: both;
}

.rounded_corners {
  background: url(../images/box/black_bottom.png) no-repeat left bottom;
  color: #FFF;
  padding: 8px;
  width: 380px;
  border: 2px solid #4e4b4b;
  height: 450px;
}

div#blockdark {
  height: 517px;
  left: 450px;
  position: absolute;
  top: 130px;
  z-index: 1000000;
  width: 360px;
  visibility: visible;
}
<div id="blockdark">
  <div class="rounded_corners">
    Content
  </div>
</div>

Это пример, может быть, это как-то связано с JavaScript для rounded_corners класса?

http://www.coldcharlie.nl/test

Ответы [ 3 ]

3 голосов
/ 24 февраля 2010

Убедитесь, что ../images/box/black_bottom.png - это путь от вашей таблицы стилей к файлу изображения. Все остальное выглядит правильно, но люди не всегда понимают, что пути относятся к файлу CSS, а не к странице, которая его включает.

Попробуйте использовать абсолютный URL и посмотрите, появится ли он тогда. Если это так, то вы знаете, что ваш относительный URL неверен.

1 голос
/ 24 февраля 2010

ЯВНО:

Ваше изображение не существует по этому относительному пути: ../images/box/black_bottom.png.

OR

Ваше изображение пустое.

OR

Ваше изображение имеет больше пустого пространства в левом нижнем углу изображения, чем размеры ваших div.ounded_corners, и поэтому фоновое изображение "перекрывает" ваш div.

0 голосов
/ 24 февраля 2010

HI ...

Это может дать вам возможность взглянуть на ... 

<html>
<head>
<style type="text/css">
    #mydiv{
        background-image:url('http://www.theregister.co.uk/Design/graphics/std/logo_414_80.png');
    }
</style>
</head>
<body>
<div id="mydiv">
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
</div>
</body>
</html>

Просто кое-что, чтобы вы начали.

Кроме того, ваша div # blockdark не проверяется - вместо этого используйте #blockdark ...

(идентификатор должен быть уникальным, поэтому тип тега не имеет значения)

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

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

...