Question

我有以下代码：

<!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中不起作用

Answer 1

用双引号（"）包裹您的背景网址：

background: url("https://www.elegantthemes.com/preview/TheProfessional/wp-content/themes/TheProfessional/epanel/shortcodes/images/shortcodes-sprite.png") no-repeat -74px -2px;

IE8不在IIS上显示背景图像

1 个答案: