我应该在样式表中使用以下哪些内容?
/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');
Run Code Online (Sandbox Code Playgroud)
W3C指定的正确方法是什么?
我有一个搜索结果网页,将结果分成多个页面.而不是在用户从一个搜索结果页面导航到下一个页面时重新加载整个页面,我正在使用jQuery ajax调用来获取页面(通过"GET"请求),提取包含搜索结果的元素,然后换掉html.
这很好用,但我发现我的background-image CSS属性有问题.一些背景图片名称包含空格,所以我将url包装在引号中,如下所示:
<div style="position: absolute; right: 0; bottom: 0;
width: 30px; height: 30px;
background-image: url('Images/Image One_small.png');
background-repeat: no-repeat;"
title="Image One">
</div>
Run Code Online (Sandbox Code Playgroud)
但是,当我通过.html()jQuery函数重新加载HTML元素时,似乎HTML被重新格式化(包括剥离引号),如下所示:
<DIV style="BACKGROUND-IMAGE: url(Images/Icons/Image One_small.png); POSITION: absolute; WIDTH: 30px; BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px; RIGHT: 0px" title="Image One"></DIV>
Run Code Online (Sandbox Code Playgroud)
Chrome似乎正在处理这个问题,但IE8正在窒息(不解析背景图像).
该html()函数是否重写HTML或CSS属性?如果是这样,有更好的解决方案吗?我不想重命名图像,因为名称是用户输入驱动的(可以合法地包含空格).
这是我的ajax电话:
var l_url = "SearchResults.aspx?pg=" + pageNo;
$.ajax({
type: "GET",
dataType: "html",
url: l_url,
beforeSend: function(jqXHR, settings) {
$("#WhiteoutDiv").css("display", "block");
},
success: function(data, textStatus, jqXHR) {
$("#SearchResultsDiv").html($("#SearchResultsDiv", data).html());
$("#WhiteoutDiv").css("display", "none");
// The …Run Code Online (Sandbox Code Playgroud)