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

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

Это CSS:

@charset "utf-8";

/* CSS документ */

HTML, тело { цвет: # 444141; font-family: 'trebuchet ms'! Important; Размер шрифта: 12 пикселей; margin: 0px; прокладка: 0px; высота: 100%; фон: #eaeade;} .justyParagraph { выравнивания текста: оправдать;} в IMG { граница: 0;} .clearer { ясно: как;}

.rounded_corners { фон: URL (../images/box/black_bottom.png) no-repeat left bottom; цвет: #FFF; прокладка: 8px; ширина: 380 пикселей; border: 2px solid # 4e4b4b; высота: 450px;

ДИВ # blockdark { высота: 517px; Слева: 450 пикселей; позиция: абсолютная; верх: 130px; z-index: 1000000; ширина: 360 пикселей; видимость: видимая;

}

Это HTML

<div id="blockdark"> 
<div class="rounded_corners"> 

Content 


     </div> 
</div>

Thisi сек пример, может быть, это что-то делать с JavaScript для rouinded углов?

http://www.coldcharlie.nl/test/

источник

2010-02-23 Chris

Можете ли вы загрузить изображение самостоятельно? Это позволит диагностировать многие ошибки конфигурации. Было бы полезно использовать онлайн-демонстрацию. –

Можете ли вы проверить, что изображение находится в правильном месте относительно файла css? –

Попробуйте установить это изображение на полностью квалифицированный URL-адрес, с доменом и всем, чтобы доказать работу css, а затем зайдите в проблему с вашей настройкой. –

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

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

источник

2010-02-23 21:24:58

Если вы посмотрите на информацию о стиле в Firebug и наведите курсор на это выражение «url()», оно либо покажет вам изображение, либо оно не будет. Если это не так, это означает, что URL-адрес плохой. – Pointy

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 ...

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

источник

2010-02-23 21:42:08

Я редактировал свой вопрос с примера – Chris

ЯВНО:

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

OR:

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

ИЛИ:

Ваше изображение имеет более пустое пространство в левом нижнем углу изображения, чем размеры ваших div.rounded_corners, и, следовательно, фоновое изображение «проскакивает» ваш DIV.

источник

2010-02-23 23:07:05 Tom

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

ответ

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