我应该在样式表中使用以下哪些内容？
/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');
W3C指定的正确方法是什么？
我有这个jquery代码,可以在点击时更改背景图像:
$('a.note').click(function(){
$('#full').css('background-image','img/1.jpg');
});
但是,它并没有改变.有什么我想念的吗？
我正在尝试使用jquery为我的一个html元素设置背景图像
<div class="rmz-srchbg">
<input type="text" id="globalsearchstr" name="search" value="" class="rmz-txtbox">
<input type="submit" value=" " id="srchbtn" class="rmz-srchico">
<br style="clear:both;">
</div>
$("#globalsearchstr").focus(function(){
$(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat;");
});
但这永远不会奏效.只关注改变就是将样式属性添加到HTML中,就像这样
<div class="rmz-srchbg" style="">
</div>
CSS没有变化.
我正在使用此代码获取菜单选项卡.当鼠标悬停在选项卡上时,选项卡图像将更改,同样我想要使用jquery.i更改选项卡onlick的图像使用下面的代码执行此操作但我无法得到它.我怎样才能做到这一点.
<html>
<head>
<title>Css Menu</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
.home {
background: url("images/tab2.png") repeat scroll 0 0 transparent;
border-radius: 4px 4px 0 0;
height: 75px;
left: 54px;
position: relative;
top: 25px;
width: 90px;
}
.home:hover {
background: url("images/tab3.png") repeat scroll 0 0 transparent;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
</style>
<script type="text/javascript">
$(function() {
$('.home').click(function() {
$('home').css('backgroundImage', 'url(images/tabs3.png)');
});
}):
</script>
</head>
<body><div class="frame">
<div class="header1"></div>
<div class="header2">
<a href="#"><div class="home" onclick="function()"><img …我有一个select带有idof的 html元素，background旨在为<div class=”results-area”>. 然后我有一个打印按钮来打印.results-area内容。
问题是，当我想打印时，.results-area我需要设置打印时要设置的背景图像，如果我使用 CSS，@media print我无法设置应打印的背景规则（基于用户选择）。
还有另一种方法可以实现吗？
HTML
<select id="background">
<option value="url(picture1.jpg)">picture1</option>
<option value="url(picture2.jpg)">picture2</option>
<option value="url(picture3.jpg)">picture3</option>
<option value="url(picture4.jpg)">picture4</option>
<option value="url(picture5.jpg)">picture5</option>
<option value="url(picture6.jpg)">picture6</option>
</select>
<div class=”results-area”>
...
</div>
<a id="printMe" class="btn btn-warning">Print</a>
jQuery
$('#background').change(function () {
$('.results-area').css("background-image", $(this).val());
})
$('#printMe').click(function () {
print()
});
CSS：
@media print {
.results-area{
background-image: ??????;
}
}