Форум Сайтостроение Веб-строительство

Вопрос по no-repeat scroll 0 0 transparent;

D
На сайте с 28.06.2008
Offline
1114
Dram
7075

Есть модуль для Джумлы - гугл переводчик сайта, там для каждого языка - иконка флага рядом идет. Проблема в том что этот флаг виден только в Мозиле.

в css он прописан так

background: url("http://site.ru/modules/mod_iyosis_google_translate/tmpl/images/flags_16.png") no-repeat scroll 0 0 transparent;

Сами картинки флагов находятся в одной длинной картинке flags_16.png

Почему ИЕ, Хром и Опера не показывают флаги?

A-des
На сайте с 26.05.2007
Offline
96
A-des
#1

У каждого флага свой участок из файла длинной картинки flags_16.png, т.е., по идее для блока каждого флага должен быть свой бэкграунд, который задается перемещением этого большого фона.

Примерно так: 

#flag_1 {

background: url("http://site.ru/modules/mod_iyosis_google_translate/tmpl/images/flags_16.png") no-repeat scroll 0 0 transparent;

}



#flag_2 {

background: url("http://site.ru/modules/mod_iyosis_google_translate/tmpl/images/flags_16.png") no-repeat scroll 24 0 transparent;

}



#flag_3 {

background: url("http://site.ru/modules/mod_iyosis_google_translate/tmpl/images/flags_16.png") no-repeat scroll 48 0 transparent;

}

Вопрос был в этом?

В Google Картинках больше Google тестирует обновлённый омнибокс Google Chrome будет показывать
D
На сайте с 28.06.2008
Offline
1114
Dram
#2

Посмотрел внимательнее, там вот еще что есть, для каждого флага вот что

select#translate option[value="ar"] {
background-position: 1px -72px;
}

И так для каждого флага. Вопрос - почему работает только в мозиле

Joker-jar
На сайте с 26.08.2010
Offline
171
Joker-jar
#3

Это, видимо, спрайт. Имхо, другие браузеры не переваривают option[value="ar"]

Надо делать дополнительным классом.

D
На сайте с 28.06.2008
Offline
1114
Dram
#4

Понял, спасибо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий