Проведя день, пытаясь решить эту распространенную проблему, я наткнулся на следующий сценарий и надеялся, что это может быть исчезающее решение, которое я искал.
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
// Fix fading transparent PNGs in IE
{
var i;
for (i in document.images) {
if (document.images[i].src) {
var imgSrc = document.images[i].src;
if (imgSrc.substr(imgSrc.length-4) === ‘.png’ || imgSrc.substr(imgSrc.length-4) === ‘.PNG’)
{
document.images[i].style.filter =
“progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’,
sizingMethod=’crop’,src=’” + imgSrc + “‘)”;
}
}
}
});
</script>
Я не могу понять этот сценарий правильно. не уверен, что я написал правильный код. Я назвал это в разделе [head] моей индексной страницы. Я пытаюсь понять, исправит ли это мою проблему с исчезновением png jquery, которая, похоже, мешает многим людям при работе с уровнями непрозрачности и png. Я надеюсь, что смогу удалить черный цвет вокруг моего PNG, используя функцию jade-fadein. Выцветание работает отлично, в Internet Explorer появляется только уродливый черный цвет. Жаль, что все браузеры не похожи на Chrome. Хост-сайт можно посетить по адресу http://www.kaimeramedia.com/derek/Website
Надеюсь, если я смогу заставить это работать, это исправит мой эффект затухания jquery в IE навсегда.