Оформление: сфокусировать работу в ie7 используя css?

Question

Есть ли для этого простой взлом? Я бы предпочел избегать JavaScript.

Answer 1

IE6 / 7 не поддерживает :focus

Вы можете использовать этот фрагмент jQuery для обработки :focus для них:

jQuery(function($) {
    $(".block div").bind('focus blur',function(){$(this).toggleClass('focus')});
});

Использование:

.block div:focus { background: #ccc; } /* For all browser, except IE6/7 */
.block div.focus { *background: #ccc; } /* For IE6/7 */

Вы должны повторить все стили для :focus на новой строке. И не забывайте про взлом звезды - *

Answer 2

Для ie6 вы можете использовать: active, но ie7 вам нужен JavaScript

Answer 3

В этом случае JavaScript - это простой взлом. Взгляните на проект ie7-js .

IE7.js - это библиотека JavaScript для создания Microsoft Internet Explorer ведет себя как стандартный браузер Это исправляет многие проблемы HTML и CSS и заставляет прозрачный PNG работать правильно под IE5 и IE6.

Обновите MSIE5.5-7 до совместимости с MSIE8.

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

Вы также можете обратиться к этому вопросу SO . IE7 не поддерживает этот псевдокласс .