带有背景图像的 IE 7 和带有 js hack 的位置答案

【问题标题】：IE 7 with backgorund image and position with js hack带有背景图像的 IE 7 和带有 js hack 的位置
【发布时间】：2014-01-14 14:26:22
【问题描述】：

我在 IE 7 中使用之前 hack 的 js。它显示类的背景图像。但现在我想定位图像。因为它是精灵。我不知道它为什么不起作用。下面是我的代码.

JS hack.http://jquery.lukelutman.com/plugins/pseudo/

.magento{
        list-style-type: none;
        margin:0; padding:0;
        padding-left: 20px;

    }

    .magento li:before 
    {
         display: inline-block;
         position: absolute;
         margin: 9px 0 0 -20px;
         min-height: 9px;  
         background: url(images/bulletsprite.png) no-repeat -116px 0px;
         *before: url(images/bulletsprite.png);
         *background-position-x: -116px;
         *background-position-y:0px;
         content:"";
        // vertical-align: middle;
         width: 9px; 
         height: 9px;
         float:left;
    }

HTML 代码

<ul class="magento">
        <li>
            <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nulla sapien, varius id dignissim sit amet, luctus elementum nulla. Mauris hendrerit tincidunt nunc condimentum accumsan. Donec semper hendrerit ligula non blandit. Nullam tellus lacus, dictum quis sodales id, consectetur posuere nunc. Maecenas massa nibh, sagittis quis hendrerit ornare, interdum sit amet tellus. Proin lectus neque, posuere at interdum vitae, eleifend id dui. Mauris eget eros magna, sed gravida quam.</span>
        </li>
        <li>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nulla sapien, varius id dignissim sit amet, luctus elementum nulla. Mauris hendrerit tincidunt nunc condimentum accumsan. Donec semper hendrerit ligula non blandit. Nullam tellus lacus, dictum quis sodales id, consectetur posuere nunc. Maecenas massa nibh, sagittis quis hendrerit ornare, interdum sit amet tellus. Proin lectus neque, posuere at interdum vitae, eleifend id dui. Mauris eget eros magna, sed gravida quam. 
        </li>
        <li>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nulla sapien, varius id dignissim sit amet, luctus elementum nulla. Mauris hendrerit tincidunt nunc condimentum accumsan. Donec semper hendrerit ligula non blandit. Nullam tellus lacus, dictum quis sodales id, consectetur posuere nunc. Maecenas massa nibh, sagittis quis hendrerit ornare, interdum sit amet tellus. Proin lectus neque, posuere at interdum vitae, eleifend id dui. Mauris eget eros magna, sed gravida quam.  
        </li>
        <li>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nulla sapien, varius id dignissim sit amet, luctus elementum nulla. Mauris hendrerit tincidunt nunc condimentum accumsan. Donec semper hendrerit ligula non blandit. Nullam tellus lacus, dictum quis sodales id, consectetur posuere nunc. Maecenas massa nibh, sagittis quis hendrerit ornare, interdum sit amet tellus. Proin lectus neque, posuere at interdum vitae, eleifend id dui. Mauris eget eros magna, sed gravida quam.  
        </li>
    </ul>

它也只在 IE7 标准模式下。为什么背景位置不起作用。相同的代码在 IE8 中运行良好。

【问题讨论】：

标签： css internet-explorer internet-explorer-7 css-sprites

【解决方案1】：

IE7 直到 2006 年 10 月才问世。您使用的插件说它最后一次更新是在 2006 年 2 月 6 日。我猜它从未与 IE 5 和 IE 以外的任何东西一起使用6.

【讨论】：