Css: Background Image

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем ioni, 8 окт 2009.

  1. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    У меня наблюдается странное поведение CSS.
    Есть правило (ниже), однако оно не срабатывает ... - не выводится изображение... Что делать, где ошибка...?

    Вот правило:
    Код (Text):
    .social a[href*='twitter.com'] {background-image: url(images/icons/twitter.png);}
    Вот собственно код:
    Код (Text):
    <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. А должен

    Надо было таки проверить изображения.
    Почему-то закачались с ошибками - на самом деле все работает
     
  2. etc

    etc Гость

    Зачем такие сложности?
     
  3. nws

    nws Гость

    попробуй " вместо ' и посмотри валидный ли документ

    Замечание

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

    http://stepbystep.htmlbook.ru/?id=54
     
  4. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    nws - <!DOCTYPE html>
    Это как бы нам подсказывает, какой HTML имеется ввиду. Все броузеры точно понимают о чем речь.

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


    etc, так надо. Если непонятно, зачем такие правила, то мне сложно объяснить в двух словах.
     
Загрузка...
Похожие Темы - Css Background Image
  1. susinmn
    Ответов:
    6
    Просмотров:
    716
  2. lmike
    Ответов:
    10
    Просмотров:
    1.052
  3. Snusmumrik
    Ответов:
    0
    Просмотров:
    660
  4. RzvCH
    Ответов:
    0
    Просмотров:
    463
  5. AlexBeginner
    Ответов:
    1
    Просмотров:
    916

Поделиться этой страницей