Текстовый отступ не работает в ie7

Question

Я работаю над веб-сайтом, и на верхней панели навигации есть окно поиска. Я применил следующую CSS к кнопке отправки поиска

#submit {
   background: url("img/new-search-icon.png") no-repeat scroll -1px 0 #FFFFFF;
   border:0 none;
   cursor:pointer;
   display:block;
   height:21px;
   padding:0;
   position:absolute;
   right:0;
   text-indent:-9999px;
   top:0;
   width:20px;
   z-index:2;
}

Моя проблема в IE7: отступ в тексте отсутствуетработа, пожалуйста, помогите мне, если вы хотите увидеть демо, вы можете просмотреть его, нажав здесь Нажмите здесь .Пожалуйста, помогите мне.

Answer 1

Решение, которое я нашел для моего горе с текстовым отступом в IE7, и кое-что, что я чувствую, должно быть добавлено к этой теме, следующее:

Не работает:

text-indent: -900009px;

Работает ли:

text-indent: -9999px;

Я не знал, что был предел? Я думаю, что есть.

Answer 2

Я просто хотел добавить для «других» (хотя это не строго связано с темой и не проблема ops).

Пожалуйста, убедитесь, что вы используете «px» для вашего значения. т.е. -9999px, а не -9999.

Я только что потратил 10 минут на отладку, почему это не сработало. Глядя на значение прямо передо мной.

В последнее время я много занимался Silverlight, и мой разум не достаточно быстро переключился на требования разметки CSS. Хмм.

Вы должны включить единицу измерения .... в противном случае она просто молча выйдет из строя.

Answer 3

Извините, что немного опоздал к сообщению, но искал решение проблемы IE7 с отрицательным текстовым отступом.Я начал пробовать свои собственные случайные способы и наткнулся на это.Просто хотел опубликовать его в стеке, если это может помочь другим.

Попытка добавить значок в ссылку и не показывать текст.

Мой CSS для всех браузеров

a.lnk_locked , a.lnk_notchecked, a.lnk_checked
{ background: url(../images/icons/icon_sprites.png) no-repeat; padding: 0 2px 0 0;   width:18px; height:18px; 
       vertical-align:middle; text-indent:-9009px; display:inline-block; overflow: hidden; zoom: 1; *display:inline;}
    a.lnk_locked    { background-position: -1px -217px; }

Мой CSS только для IE7

a.lnk_locked , a.lnk_notchecked, a.lnk_checked
{  text-indent:20px; padding-left:-20px; width:18px;}

Answer 4

Я не знаю, является ли это причиной вашей проблемы, но я думаю, что ваша background стенограмма неверна; Цветовой код должен быть в начале, а не в конце.