Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ASP.NET-单击按钮时,如何更改背景图像的位置?_Asp.net_Css_Background Position - Fatal编程技术网

ASP.NET-单击按钮时,如何更改背景图像的位置?

ASP.NET-单击按钮时,如何更改背景图像的位置?,asp.net,css,background-position,Asp.net,Css,Background Position,我有一个标准asp按钮,单击它会触发: protected void btnDealItem_Click(object sender, EventArgs e) { divMyDiv.Style.Add("background-position", "70px 0"); } 问题是,当点击按钮时,背景不会向右移动70像素 这是正确的方法还是语法问题?您可以使用JQuery在客户端执行: 我从您的代码中假设您不想对按钮的单击事件执行任何其他操作。行返回false停止按钮发回页面 $(d

我有一个标准asp按钮,单击它会触发:

protected void btnDealItem_Click(object sender, EventArgs e)
{
    divMyDiv.Style.Add("background-position", "70px 0");
}
问题是,当点击按钮时,背景不会向右移动70像素


这是正确的方法还是语法问题?

您可以使用JQuery在客户端执行:

我从您的代码中假设您不想对按钮的单击事件执行任何其他操作。行
返回false停止按钮发回页面

 $(document).ready(function () {
     $("#" + <%= btnDealItem.ClientID %>).click(function() {
          $(this).attr("style", "background-position:70px 0;" );
          return false;
     });
 });
$(文档).ready(函数(){
$(“#”+)。单击(函数(){
$(this.attr(“样式”,“背景位置:70px 0;”);
返回false;
});
});


.背景变化{
背景位置:70px0;
}
$(文档).ready(函数(){
$(“#”+)。单击(函数(){
$(this.addClass(“backgroundshift”);
返回false;
});
});

问题在于,在单击按钮后,在服务器端定义了样式。 简化的场景如下所示:

  • 服务器第一次呈现页面
  • 用户单击按钮
  • 服务器调用按钮单击事件
  • 服务器呈现页面
  • 用户可以看到更改了背景图像位置的按钮

  • 如果您想在单击按钮后立即实现更改,请通过java脚本使用客户端脚本。

    这方面您进展如何?
    <style>
         .backgroundshift {
            background-position: 70px 0;
         }
    </style>
    
    
     $(document).ready(function () {
         $("#" + <%= btnDealItem.ClientID %>).click(function() {
              $(this).addClass("backgroundshift");
              return false;
         });
     });