Как сделать изображение с высотой 1 пиксель фоном-изображением div?

У меня есть изображение с высотой 1 пиксель и длиной 600 пикселей, однако, когда я устанавливаю это изображение в качестве фона div, изображение не отображается. Например:Как сделать изображение с высотой 1 пиксель фоном-изображением div?

<div style="background-image:url(.images/goldSplitterMed.png); background-repeat:repeat-y"></div>

Повторение, я думаю, не имеет значения, но я только что использовал его.

Я пробовал устанавливать ширину и высоту, но не превалировать.

Есть ли что-нибудь еще, что может остановить это изображение?

Благодаря

источник

2013-12-21 user2585188

'background-repeat' не требуется при использовании с« фоновым изображением ». Фоновые изображения CSS повторяются автоматически. –

Вы уверены, что путь к изображению правильный? Если так, добавьте height: 1px; к этому атрибуту стиля – Josh

Как это прямо сейчас, ваш <div> имеет нулевую высоту, потому что она не имеет никакого содержания. Фоновые изображения не довольны;)

Либо поставьте что-нибудь там, либо добавьте 0 CSS-код height.

источник

2013-12-21 22:04:14

Две проблемы, путь был неправильным (отсутствует «/», но это было правильно раньше, я считаю, и он не работал с высотой 1 пиксель. Я установил высоту до 10 и разместил контент в нем ... и фоновое изображение работает. Однако без содержимого и высоты, установленной в 1 пиксель, изображение не отображается. – user2585188

Пользуясь изображением, чтобы отобразить его вместо div, подумайте, что это будет проще. Страница мысли макет будет более аккуратным с div, представляющим изображение, но я думаю, что в этом нет вреда. Спасибо за комментарии всем. – user2585188

Как сделать изображение с высотой 1 пиксель фоном-изображением div?

ответ

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