Установить div на фоновое изображение

-2

Я хочу установить <div></div> с изображением внутри, используя CSS, который нацелен на идентификатор div вместо использования background-image: url("bg.jpg");. Мой образ <div></div> выглядит следующим образом:Установить div на фоновое изображение

<div id="background"> 
    <img src="imgs/bg1.jpg" alt="" /> 
</div>

Заранее спасибо вам, что ваша помощь

источник

2014-10-20 Oliver

не 'Фоновое изображение: URL ("bg.jpg") ; 'применяется с использованием CSS? : | –

Извините, я, должно быть, неправильно понял изображение «background-image: url (« bg.jpg »);', мне нужен CSS, который предназначался для содержимого div, используя 'id =" background "вместо источника изображения – Oliver

Это не «тег», но правило CSS. Теги - это ключевые слова, которые вы пишете после «<» и «

мне удалось решить это, вот код
HTML:

<div id="bg"> 
    <img src="style/imgs/bg1.jpg" alt=""> 
</div>

CSS:

#bg { 
    position: fixed; 
    top: -50%; 
    left: -50%; 
    width: 100%; 
    height: 100%; 
} 

#bg img { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 90%; 
    min-height: 90%; 
}

источник

2014-10-20 19:31:53 Oliver

Извините, но ваш вопрос парадокс.

Использование background-image: url(bg.jpg) - это CSS и путь. Вы можете использовать это правило CSS внутри атрибута стиля на DIV, как это:

<div id="background" style="background-image: url(bg.jpg);"></div>

или вы могли бы поместить правило в блоке стиля в голове вашей HTML страницы, как это:

<head> 
.... 
<style type="text/css"> 
#background { 
    background-image: url(bg.jpg); 
} 
</style> 
</head> 
<body> 
....

или вы можете поместить его в файл CSS, который вы указываете на своей странице.

В любом случае я предлагаю вам ознакомиться с хорошей книгой о HTML и CSS. Таким образом, вы также узнаете, когда использовать этот метод.

источник

2014-10-20 19:05:14

Установить div на фоновое изображение

ответ

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