Применение фильтра свечения ie7 к ссылкам - PullRequest
2 голосов
/ 15 августа 2010

У меня проблема с сайтом, который я редактирую, и проблема именно с ie7.если вы посмотрите на dev.indigoniche.com (это обычно перенаправляет вас обратно на основной сайт из-за файлов cookie, поэтому после этого просто вернитесь на сайт dev) в правом верхнем углу вы увидите модуль входа в систему.Фон раздела заголовка изменяется между 5 рисунками при загрузке страницы.Поскольку проекты настолько заняты и конфликтуют друг с другом, мне нужно выделить текст в модуле входа в систему, что я отлично выполнил в браузерах, не являющихся браузерами, используя следующий код

text-shadow:0 0 5px #000000, -1px -1px 5px #000000;

В ie7 вы можетеиспользуйте следующий фильтр

filter: glow(color=#000000,strength=3);

, поэтому у меня это есть в условном файле ie7.css, поэтому

.......

#form-login-password, #form-login-username, .custom_loginmodule form input, #forgot_password_text a, #register_text a, .custom_loginmodule a:visited, .custom_loginmodule a:link, .custom_loginmodule a:hover{


filter: glow(color=#000000,strength=3);


}

#modlgn_username{


filter: glow(color=#000000,strength=0);


}

.......

В ie7 вы можете видеть, что это свечение отлично работает на кнопке входа в систему и полях имени пользователя и пароля, но оно просто не будет применяться к тексту «регистр» или «забытый пароль», возможно, из-зак ним относятся ссылки.

Я не могу на всю жизнь понять, почему он не будет работать с ссылками.Есть идеи?

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

Спасибо за поиск, и я надеюсь, что вы можете помочь мне.

Спасибо

Люк

Ответы [ 2 ]

1 голос
/ 20 августа 2010

Я в конце концов решил это за ie7 ... после НАМНОГО разгуливания. Я использовал класс .glow и применил его непосредственно к ссылкам ... это было довольно неприятно ..

Однако ...

Затем я приступил к работе на ie8 ... и в конце концов я понял, что ie8 просто не поддерживает ни один из следующих

фильтр: свечение (цвет = # 000000, прочность = 3); -MS-фильтр: "ProgID: DXImageTransform.Microsoft.glow (цвет = # 000000, сила = 3)";

когда дело доходит до ссылок. Казалось, работает на других элементах просто не ссылки. Я даже проводил тестирование за пределами сайта, чтобы подтвердить, что нет ничего другого противоречивого.

Мое конечное решение состояло в том, чтобы изменить ссылки на кнопки и стилизовать их все так, как я хотел. Упомянутые выше стили CSS хорошо работают на кнопках, поэтому я получил нужный эффект.

Надеюсь, это поможет кому-то в будущем.

Snarfles

1 голос
/ 15 августа 2010

Элемент нуждается в макете.Может быть, у ваших якорей нет макета?Попробуйте применить ..

zoom:1; к любому элементу (элементам), с которыми он не работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...