Почему функция зависания работает только на некоторых компьютерах?

-3

У меня есть простая функция наведения, которая делает изображение более прозрачным. Я пытаюсь использовать сайт в IE 11. Странно то, что на некоторых компьютерах он работает так, как предполагается. На других также работает IE 11, это не так. Я не знаю, является ли это проблемой кода или, возможно, просто проблема с настройками. Есть идеи?Почему функция зависания работает только на некоторых компьютерах?

Вот мой код изображения:

<img alt="Home" class="auto-style8" src="http://contoso/AzureTeam/Images/Home.png">

Вот мой CSS:

.auto-style8 { 

     width: 150px; 
     height: 150px; 
    } 
.auto-style8:hover { 
     opacity: 0.4 
    }

Там нет ничего слишком фантазии тоже. Я не совсем понимаю, что не так.

источник

2016-08-12 Gary Winhoven

* «Некоторые компьютеры» * не помогает нам много. Что происходит с компьютерами, имеющими проблему? Можете ли вы воспроизвести его сами, и если да, то при каких обстоятельствах? –

Я думаю, что это может помочь http://stackoverflow.com/questions/23504400/css-opacity-not-working-in-ie11 – winghei

* Вопросы, требующие помощи по отладке («почему этот код не работает?») Должны включать желаемого поведения, конкретной проблемы или ошибки и кратчайшего кода, необходимого для воспроизведения в самом вопросе. Вопросы без четкого описания проблемы не полезны другим читателям. См.: Как создать [mcve]. * В этом случае у вас может быть достаточно кода, но ваш вопрос по-прежнему нуждается в достаточной информации для воспроизведения. Какая версия IE11 работает на этих компьютерах? – BSMP

Попробуйте использовать CSS кросс-браузерный префикс

, как это, например:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

    /* IE 5-7 */ 
    filter: alpha(opacity=50); 

    /* Netscape */ 
    -moz-opacity: 0.5; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.5; 

    /* Good browsers */ 
    opacity: 0.5;

источник

2016-08-12 18:37:04 user3187960

Несмотря на то, что все они используют IE 11, добавление фильтра: alpha (opacity = 50); заставил его работать. Благодаря! –

Вы уверены, что все компьютеры находятся на одной и той же версии IE 11? У меня была аналогичная проблема.

Вы могли бы попытаться охватить все ваши базы, делая это:

.auto-style8:hover { 
    -webkit-opacity: 0.4; 
    -khtml-opacity: 0.4; 
    -moz-opacity: 0.4; 
    -ms-opacity: 0.4; 
    -o-opacity:0.4; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
    filter: alpha(opacity=40); 
}

Отъезд: http://www.w3schools.com/css/css_image_transparency.asp

источник

2016-08-12 18:37:48 DomGato

-1

О поддержке браузера CSS: Свойство Opacity работает с версии следующих броузера.

Непрозрачность:

И.Е.: 9
Firefox: 2
Хром: 4
Сафари: 3,1
Opera: 9

Может быть, в некоторых компьютерах, версия IE старше 9.

И вы всегда должны использовать префикс поставщика:

webkit- (Chrome, Safari, новый версии оперы.)
moz- (Firefox)
о- (Старые версии Opera)
ms- (Internet Explor er)

Если у вас есть доступ к компьютерам, на которых не работает ваш код, вы также можете проверить удаление кеша на этом компьютере.

Нажмите F12> Сеть> F5> Щелкните правой кнопкой мыши> Очистить кэш браузера

источник

2016-08-12 18:56:38

-1

В IE6: парения применяется только к HTML-элементов, которые имеют атрибут HREF.

В IE7: наведение на элементы, отличные от якорей, часто медленно реагировать. На больших таблицах это может оказаться почти непригодным. Фиксирование заключается в том, чтобы добавить относительное положение (при условии, что элемент не расположен) к зависающему элементу.

В Internet Explorer версии 8, манипуляция элементов с отрицательным Z-индекс глючит при использовании в сочетании с: парить

источник

2016-08-12 19:27:18

Почему функция зависания работает только на некоторых компьютерах?

ответ

Смежные вопросы