使用jquery在CSS中设置背景图片
使用jquery在CSS中设置背景图片
提问于 2013-12-03 19:43:15
我正在尝试使用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;");
});但是，works.On的焦点永远不会发生变化，唯一的变化是将样式属性添加到HTML中，如下所示
<div class="rmz-srchbg" style="">
</div>CSS不会发生变化。
回答 7
Stack Overflow用户
回答已采纳
发布于 2013-12-03 19:49:39
试试这个：
<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>
<script>
$(function(){
$('#globalsearchstr').on('focus mouseenter', function(){
$(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat");
});
});
</script>Stack Overflow用户
发布于 2013-12-03 19:51:02
使用：
$(this).parent().css("background-image", "url(/images/r-srchbg_white.png) no-repeat;");而不是
$(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat;");您可以查看here的更多示例
Stack Overflow用户
发布于 2013-12-03 19:53:40
尝尝这个
$(this).parent().css("backgroundImage", "url('../images/r-srchbg_white.png') no-repeat");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20350221
复制相关文章
相似问题