Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> заменяющий текст для div с графическим фоном 
V
    Опции темы
ElKa
Дата 14.12.2012, 05:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



Если меню навигации с графическими кнопками, выполненными с помощью div с графическим фоном, а не img, можно ли сделать заменяющий текст для них? 
 
PM   Вверх
ksnk
Дата 14.12.2012, 06:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



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

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

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

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




--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Guedda
Дата 14.12.2012, 12:13 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



content
Соответственно для простого состояния и для :hover

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


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
ElKa
Дата 14.12.2012, 19:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.2.2006

Репутация: нет
Всего: 4



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

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

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

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


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

Это сообщение отредактировал(а) ElKa - 16.12.2012, 06:49
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.3390 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.