Javascript FireBug插件：-（那么它将是34 — 与文本编辑器相比，IE的行号计数方法通常是一个一个的。IE有JS调试器，例如IE8测试版。我发现IE引用的行号完全没有用。我从来没有在代码中看到过接近问题所在的地方。很好的捕获。总的来说，“快捷方式”是聚合的像“_Javascript_Jquery_Internet Explorer_Background Position

Javascript FireBug插件：-（那么它将是34 — 与文本编辑器相比，IE的行号计数方法通常是一个一个的。IE有JS调试器，例如IE8测试版。我发现IE引用的行号完全没有用。我从来没有在代码中看到过接近问题所在的地方。很好的捕获。总的来说，“快捷方式”是聚合的像“

javascript jquery internet-explorer

Javascript FireBug插件：-（那么它将是34 — 与文本编辑器相比，IE的行号计数方法通常是一个一个的。IE有JS调试器，例如IE8测试版。我发现IE引用的行号完全没有用。我从来没有在代码中看到过接近问题所在的地方。很好的捕获。总的来说，“快捷方式”是聚合的像“,javascript,jquery,internet-explorer,background-position,Javascript,Jquery,Internet Explorer,Background Position,FireBug插件：-（那么它将是34 — 与文本编辑器相比，IE的行号计数方法通常是一个一个的。IE有JS调试器，例如IE8测试版。我发现IE引用的行号完全没有用。我从来没有在代码中看到过接近问题所在的地方。很好的捕获。总的来说，“快捷方式”是聚合的像“background”这样的CSS属性在使用element.currentStyle（这是jQuery在IE上计算当前样式的方式）时不起作用。“background position”通常不应该是一个快捷属性，但IE单独的X/Y扩展有效地使其成

FireBug插件：-（那么它将是34 — 与文本编辑器相比，IE的行号计数方法通常是一个一个的。IE有JS调试器，例如IE8测试版。我发现IE引用的行号完全没有用。我从来没有在代码中看到过接近问题所在的地方。很好的捕获。总的来说，“快捷方式”是聚合的像“background”这样的CSS属性在使用element.currentStyle（这是jQuery在IE上计算当前样式的方式）时不起作用。“background position”通常不应该是一个快捷属性，但IE单独的X/Y扩展有效地使其成为一个快捷属性。不过，我不确定代码实际上在做什么 — 它将匹配字符串“0%0%”，但不匹配“1%100px”或许多其他可能的值。对我来说，这看起来像是不可靠、脆弱的代码……好吧。我会修改它，使它更健壮。我安装了IE8，因此调试更容易。值得注意的是，Firefox（至少在3.5以上）不支持

background-position-x/y

。因此这是一个让人头痛的地方。IE似乎不支持检索百分比值，但它也一文不值。出于某种原因，检索到的值总是以像素为单位。您可以拥有的最小值是0%——因此百分比符号的最小索引将是1。Bobince具有我发现代码很脆弱，在网络上阅读意味着我必须重写它。我个人认为jQuery应该在浏览器之间实现这一点的正常化？！最终，缺乏MSIE遵从性以及在PHP中将SVG转换为JPEG迫使我放弃了背景图像的把戏，我现在使用Raphael和jQuery。好处是它也适用于IE6！是的，您可以。

.css（'background-color'，'#000'）

和

.css（{backgroundColor:'#00f'}）

都可以工作；但是请注意，驼峰案例需要位于对象

{}内

…看这个演示：你可以为此获得一个CSS钩子插件-不幸的是，当我需要它时，它不可用，但对将来通过这种方式的人可能有用。

Line: 33 
Char: 6 
Error: bg is null or not an object 
Code: 0 
URL: http://localhost/index2.html

<body>
<div id="zoom" class="zoom"></div>
<div id="draggable" class="main_internal"><img src="tiles/mapSpain-smaller.jpg" alt=""></div>

<script type="text/javascript">
$(document).ready(function() {
    $('#draggable').drag();
    $('#zoom').zoom({target_div:"draggable", zoom_images:new Array('tiles/mapSpain-smaller.jpg', 'tiles/mapSpain.jpg') });
});
</script>

</body>

bg = $(this).css('background-position');                    
if(bg.indexOf('%')>1){

if(bg == 'undefined' || bg == null){
    bg = $(this).css('background-position-x') + " " + $(this).css('background-position-y');
}

    if (navigator.appName=='Microsoft Internet Explorer')
   {
    bg = $(drag_div).css('backgroundPositionX') + " " + $(drag_div).css('backgroundPositionY');
   }
   else
   {
    bg = $(drag_div).css('background-position');
   }

$('.promo3').mousewheel(function(e,d){
  var promo3 = $(this);
  var p = promo3.css('backgroundPosition');
  if (p === undefined) {
    p = promo3.css('backgroundPositionX') + ' ' + promo3.css('backgroundPositionY');
  }
  var a = p.split(' ');
  var y = parseInt(a[1]);
  if (d > 0) {
    if (y < -1107) y += 1107; 
    y -= 40;
  }
  else {
    if (y > 1107) y -= 1107;
    y += 40;
  }
  promo3.css('backgroundPosition', a[0] + ' ' + y + 'px');
  return false;
});

//set it in with javascript.
$("someid").css("background-position", "10px 0");
...
//do some funky stuff
//call it
$("someid").css("background-position");
//and it would return "10px 0" even in IE7

<div></div>

div {
  background: url(mySprite.png);
  background-position: -100px 0;
}

<div>
  <span></span>
</div>

div {
  position: relative;
  overflow: hidden;
  width: 100px;       /* required width to show a part of your sprite */
  height: 100px;      /* required height ... */
}

div span {
  position: absolute;
  left: -100px;       /* bg left position */
  top: 0;             /* bg top position */
  display: block;
  width: 500px;       /* full sprite width */
  height: 500px;      /* full sprite height */
  background: url(mySprite.png);
}