скрытие текста и изменение изображений с помощью CSS

Question

Я пытаюсь сгенерировать HTML-страницу с помощью CSS, которая работает как предварительный просмотр изображений. Пример этого здесь:

http://www.nomorepasting.com/getpaste.php?pasteid=22463

однако у этого подхода есть несколько недостатков. Одним из которых является текст всегда должен быть меньше, чем изображения. Я попытался использовать другую попытку здесь:

http://www.nomorepasting.com/getpaste.php?pasteid=22464

Но не смог заставить его работать. Может, кто-нибудь сможет показать мне, как изменить код по второй ссылке, чтобы он работал как первая, или предложить лучший способ в целом?

Answer 1

Ошибка во втором - у вас нет specified высоты attribute. Попробуйте следующее, у меня это сработало.

.class1{
   color:#000;
   background-image:url('images/2.jpg');height:1000px;
}

Причина, по которой вы не можете видеть фоновое изображение, заключается в том, что внутри div нет ничего, а высота не равна specified, height равно 0. Попробуйте добавить несколько элементов в div, и вы увидите, что отображается image.

Ramjee