Question

我正在处理这些富媒体广告的工作，他们在所有浏览器中工作，直到我开始使用jQuery css方法。在IE中没有任何显示，昨天我参加会议时这不是问题。我唯一可能将它链接到的可能是IE处理css的方式不同。任何帮助将不胜感激，这是我的代码示例。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Molson Canadian Ad Template</title>

<style type="text/css">

body {
    background-color: #333;
}

</style>

<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script src="jquery.swfobject.1-1-1.min.js" type="text/javascript"></script>

<script>

$(document).ready(

    function() {

        jsReady = true;

        banner1 = $('#banner1');
        banner1.css({overflow:'hidden', position:'absolute', left:158});
        banner1.flash({swf: 'molson1_300x250.swf', width: 300, height: 250, play: true, flashvars: {message:'in'}});
    }
);

var jsReady = false;

function isReady() {

    return jsReady;
}

function sendToJavaScript(value) {

    if( value == "expand" ){

        banner1.css('left', 0 );
        banner1.flash().remove();
        banner1.flash({swf:'molson1_600x250.swf', width:600, height:250, wmode:"transparent"});

    }else{

        banner1.css('left', 158 );
        banner1.flash().remove();
        banner1.flash({swf: 'molson1_300x250.swf',width: 300,height: 250,play: true},function(){this.GotoFrame(71)});
    }
}

</script>

</head>

<body>
<div id="banner1"></div>
</body>
</html>

Answer 1

我认为这些人，我遇到的问题是我会定义一个像这样的变量

banner1 = $('#banner1');

然后尝试调用这样的方法

banner1.css();

这在firefox中运行良好，但在IE中你必须这样称呼它

$('#banner1').css();

Answer 2

Firefox的方式有何不同？和IE处理jquery CSS？

是的。

这知道所有：

http://www.quirksmode.org/css/contents.html

1. IE 5/6 doesn’t implement overflow: visible correctly.
2. E 5/6 don’t support position: fixed
   IE7 has a strange bug; see page.

Firefox和IE如何处理jQuery CSS有什么不同？

2 个答案: