Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > заменяющий текст для div с графическим фоном


Автор: ElKa 14.12.2012, 05:37
Если меню навигации с графическими кнопками, выполненными с помощью div с графическим фоном, а не img, можно ли сделать заменяющий текст для них? 
 

Автор: ksnk 14.12.2012, 06:23
ElKa, можно "подложить" под элемент еще один - с текстом. Так, чтобы нормальный полностью перекрывал его. Тогда при непрогрузе фона для нормального элемента надписи будут видны.

Добавлено через 11 минут и 11 секунд
Еще один прием - использовать трюки, как сделать тест элемента неотображаемым.
например такой.
Код

.notext {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

На javascript нужно убедится, что фон подгружен. (смотреть любой пример по словам `javascript preload`). Если фон не подгрузился - меняем стили, чтобы трюк не сработал.


Автор: Guedda 14.12.2012, 12:13
http://htmlbook.ru/css/content
Соответственно для простого состояния и для :hover

Или я чего-то не понял?

Автор: ElKa 14.12.2012, 19:03
спасибо за ответы!
пишу решение, может кому-то пригодится..

ksnk, 
проблема оказалась такой - кнопки полупрозрачные и текст просвечивает..
но кнопки лежат на полосе со светлой заливкой, а фон страницы темный

в итоге извратилась так: вместо заливки сделала графику - светлую полосу
под графическим меню сделала текстовое с цветом этой полосы
теперь текстовое меню просвечивает, но сливается с полосой и его не видно
если графика не загружается, то полоса тоже не загружается вместе с кнопками
и тогда на темном фоне страницы видно светлое текстовое меню

жалко все же, что нет для дивов специального атрибута


Guedda, 
контент не все понимают.. я такое стараюсь не использовать 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)