0

我有以下代码:

<!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" dir="ltr" lang="en-US" class="js">
<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>| TheProfessional Theme</title>
    <style type="text/css">
        .et-custom-list ul
        {
            list-style: none !important;
            list-style-image: none !important;
            padding-left: 0 !important;
            margin: 0 !important;
            line-height: 26px;
        }
        .et-custom-list ul li
        {
            padding-left: 28px !important;
            margin: 5px 0 !important;
            list-style: none !important;
            position: relative;
        }
        .et-custom-list ul li:before
        {
            content: '';
            position: absolute;
            top: 5px;
            left: 0;
            background: url(https://www.elegantthemes.com/preview/TheProfessional/wp-content/themes/TheProfessional/epanel/shortcodes/images/shortcodes-sprite.png) no-repeat -74px -2px;
            width: 22px;
            height: 18px;
        }
    </style>
</head>
<body>
    <div class="et-custom-list">
        <ul>
            <li>list item 1</li>
            <li>list item 2
                <ul>
                    <li>list item 1</li>
                    <li>list item 2</li>
                </ul>
            </li>
            <li>list item 3</li>
            <li>list item 4</li>
        </ul>
    </div>
</body>
</html>

在我的桌面上保存为 HTML 文件时,它适用于所有浏览器。当我将文件移动到服务器 (IIS) 时,它适用于除 II8 之外的所有浏览器。为什么它突然停止在 IIS 上的 IE8 中工作?

现在一位同事向我展示了它在桌面上的 IE7 中也不起作用

4

1 回答 1

0

用双引号 ( ") 将背景 url 括起来:

background: url("https://www.elegantthemes.com/preview/TheProfessional/wp-content/themes/TheProfessional/epanel/shortcodes/images/shortcodes-sprite.png") no-repeat -74px -2px;
于 2013-03-18T11:42:52.457 回答