Избранный текстом CSS курсор ie7, странное поведение
Если вы хотите создать крутой гаджет с использованием микроконтроллера в качестве учебного процесса, вы можете посмотреть на стартовые наборы от Rabbit ( сайт ). У них есть множество недорогих комплектов с 8-битными микроконтроллерами, чтобы начать работу с определенной технологией.
5 ответов
Не слишком ли хакерно явно указывать, какой курсор куда должен идти?
html {
cursor: default;
}
h1, h2, h3, h4, h5, h6,
p, li, label, td, th {
cursor: text;
}
a:link, a:visited, a:hover, a:active {
cursor: pointer;
}
и т. Д.
Вы пробовали явно установить background-color: transparent; ? Это поможет?
Я почти уверен, что сталкивался с этим раньше, но, вероятно, это слишком незаметно, чтобы действительно заметить его при поверхностном тестировании браузера. Но у меня, конечно же, были проблемы, исправленные установкой цвета фона.
Насколько я могу судить, лучший способ исправить это - расположить элемент, вызывающий проблемы, или добавить вокруг него позиционируемый div-оболочку. Скорее всего, вы использовали бы position: relative , хотя absolute и fixed тоже должны работать.
Позиционирование самого элемента обычно работает, но добавляется div-оболочка может работать более последовательно.
Например, добавление position: relative к классу .post-text фиксирует курсор на вопросах и ответах на этой странице.
Это может показаться уродливым хакерским приемом, но пробовали ли вы установить в качестве фона прозрачный GIF размером 1x1 пиксель (он же разделитель)?
Это не идеально, но в этом небольшом примере кажется, что он работает в IE 7.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div style="overflow: hidden; margin: 0 auto; width: 140px;">
<div style="position: relative; display: inline;">
<p>
Here is some test text that will wrap.
</p>
</div>
</div>
</body>
</html>
Я понятия не имею, почему это работает, и это, конечно, не идеально. По какой-то причине размещение элемента p во встроенном относительно позиционированном div заставляет курсор мыши вести себя так, как я ожидал.
Я не уверен, что это работает в более широком смысле, хотя при наличии иерархии элементов.
Я понимаю, что это не идеальный ответ, но он может подтолкнуть к другим идеям.