Я использую CSS для обозначения текста триггера для скользящего раздела jQuery: т.е. когда вы наводите курсор мыши на текст триггера, курсор меняется на указатель, а непрозрачность текста триггера уменьшается, чтобы указать, что текст имеет действие щелчка ,
Это отлично работает в Firefox и Chrome, но в IE8 непрозрачность не меняется.
Я пробовал различные настройки CSS без какого-либо успеха.
Например
HTML:
<h3 class="slidedownTrigger">This is the trigger text</h3>
CSS:
.slidedownTrigger
{
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
}
Что мешает IE изменить непрозрачность? Примечание: я пробовал это на множестве различных элементов, меняя порядок операторов CSS и просто используя IE самостоятельно. Я также пытался использовать
-ms-filter: "alpha(opacity=75)";
но безуспешно
У меня закончились попытки попробовать изменить прозрачность в IE8.
Любые идеи?
css
internet-explorer-8
opacity
Маркус Даунинг
источник
источник
Ответы:
Не знаю, относится ли это к 8, но исторически IE не применяет несколько стилей к элементам, которые не имеют «макета».
см .: http://www.satzansatz.de/cssd/onhavinglayout.html
источник
padding-bottom: 100%
в IE8 непрозрачность не вступила в силу, пока я не установил явную высоту. IE7 в этом не нуждается.Установка этих (точно так же, как я написал) послужила мне, когда мне это нужно:
источник
Сначала необходимо установить Opacity для браузеров, соответствующих стандартам, а затем для различных версий IE. Смотрите пример:
но этот код непрозрачности не работает в ie8
Обратите внимание, что я исключил -moz, так как Firefox является браузером, совместимым со стандартами, и эта строка больше не нужна. Кроме того, -khtml устарел, поэтому я также исключил этот стиль.
Кроме того, фильтры IE не будут проверяться в соответствии со стандартами w3c, поэтому, если вы хотите, чтобы ваша страница проверялась, отделите свою таблицу стилей стандартов от своей таблицы стилей IE, используя оператор if IE, как показано ниже:
Если вы отделите то есть причуды, ваш сайт будет очень хорошо проверен.
источник
Очевидно альфа-прозрачность работает только на элементах уровня блока в IE 8. Установите display: block.
источник
Использование
display: inline-block;
работает на IE8 для решения этой проблемы.FWIW,
opacity: 0.75
работает на всех совместимых со стандартами браузерах.источник
CSS
Я использовал следующее из CSS-хитрости :
Компас
Тем не менее, лучшим решением является использование миксина Opacity Compass , все что вам нужно сделать,
@include opacity(0.1);
и он позаботится о любых кросс-браузерных проблемах для вас. Вы можете найти пример здесь .источник
вот ответ для IE 8
И это работает для альфа для работы в IE8 вы должны использовать атрибут позиции для этого элемента, как
положение: относительное или другое.
http://www.codingforums.com/showthread.php?p=923730
источник
Ни один из приведенных выше ответов для меня не сработал, поэтому я просто дал своему тегу DIV прозрачное фоновое изображение, которое отлично подойдет для всех браузеров.
источник
Этот код работает
Вам нужно добавить свойство zoom, чтобы оно работало :)
источник
Вы также можете добавить полифил, чтобы включить использование собственной непрозрачности в IE6-8.
https://github.com/bladeSk/internet-explorer-opacity-polyfill
Это автономный полифиль, который не требует jQuery или других библиотек. Есть несколько небольших предостережений, которые он не работает со встроенными стилями, и для любых таблиц стилей, которые требуют прозрачности polyfil'd, они должны придерживаться политики безопасности того же происхождения.
Использование очень просто
источник