Css: Background Image

  • Автор темы Автор темы ioni
  • Дата начала Дата начала
I

ioni

У меня наблюдается странное поведение CSS.
Есть правило (ниже), однако оно не срабатывает ... - не выводится изображение... Что делать, где ошибка...?

Вот правило:
Код:
.social a[href*='twitter.com'] {background-image: url(images/icons/twitter.png);}

Вот собственно код:
Код:
<div class="social"> 
<h2>social</h2> 
<ul> 
<li><a href="http://twitter.com/bygay" title="Gay Twitter">twitter</a></li> 
</ul> 
</div
Идеи? Файл изображения на месте, не отображается в Chrome2-3, FF2-3, Ie6-8. А должен

Надо было таки проверить изображения.
Почему-то закачались с ошибками - на самом деле все работает
 
Зачем такие сложности?
 
попробуй " вместо ' и посмотри валидный ли документ

Замечание

Селекторы атрибутов поддерживаются браузером Internet Explorer начиная с версии 7.0, причем для корректной работы примеров необходимо добавить правильный <!DOCTYPE>.

http://stepbystep.htmlbook.ru/?id=54
 
nws - <!DOCTYPE html>
Это как бы нам подсказывает, какой HTML имеется ввиду. Все броузеры точно понимают о чем речь.

На самом деле приведенный выше пример полностью рабочий. Не "работали" сами изображения - криво залились на хост.


etc, так надо. Если непонятно, зачем такие правила, то мне сложно объяснить в двух словах.
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab