Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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_Button - Fatal编程技术网

我可以向ASP.NET按钮添加图像吗?

我可以向ASP.NET按钮添加图像吗?,asp.net,css,button,Asp.net,Css,Button,我想添加一个图像,而不是默认按钮 我已经有一个CSS类的图像,这将工作 <asp:Button ID="..." CssClass=""/> 我现在正在尝试,图像都被扭曲了。可能是CSS问题?为什么不使用控件?尽管可以使用以下CSS将按钮“替换”为图像 .className { background: url(http://sstatic.net/so/img/logo.png) no-repeat 0 0; border: 0; height: 61px;

我想添加一个图像,而不是默认按钮

我已经有一个CSS类的图像,这将工作

<asp:Button ID="..." CssClass=""/>

我现在正在尝试,图像都被扭曲了。可能是CSS问题?

为什么不使用控件?

尽管可以使用以下CSS将按钮“替换”为图像

.className {
   background: url(http://sstatic.net/so/img/logo.png) no-repeat 0 0;
   border: 0;
   height: 61px;
   width: 250px
}
…这里最好使用ImageButton控件,因为它允许您使用备用文本(用于可访问性)。

假设Css类为“image”:


如果您不知道图像的宽度和高度是多少,可以使用javascript动态设置它。

我实际上更喜欢使用html按钮表单元素,并使其在=服务器上运行。按钮元素可以在其内部容纳其他元素。您甚至可以使用span或strong在其中添加格式。以下是一个例子:

<button id="BtnSave" runat="server"><img src="Images/save.png" />Save</button>
保存

我不知道自己是否完全明白问题所在。您可以将图像添加到ASP按钮中,但这取决于它的设置方式,以及它是否适合。将背景图像定期添加到asp按钮中会得到一个形状不规则的按钮或带有文本覆盖的背景图像,因为它缺少图像标记。例如顶部带有“提交查询”的图像

作为一种简单的方法,我在我的网站上使用“blankspace.gif”文件。这是一个1x1像素的空白gif文件,我调整它的大小以替换网站上的图像

因为我不使用CSS替换图像,所以我使用CSS精灵来减少查询。我的网站最初是150kb的主页,有大约140-150个请求加载主页。通过创建一个精灵,我消除了请求,将图像大小压缩到原来的一小部分,效果非常好,任何需要图像文件来正确调整大小的区域都可以使用相同的blankspace.gif图像

<asp:ImageButton class="signup" ID="btn_newsletter" ImageUrl="~/xx/xx/blankspace.gif" Width="87px" Height="28px" runat="server" /
.my_btn{
字体系列:Arial;
字号:10pt;
字体大小:正常;
高度:30px;
线高:30px;
宽度:98px;
边界:0px;
背景图像:url('../Images/menu_image.png');
光标:指针;
}

您可以将图像添加到asp.net按钮。您不需要只使用图像按钮或链接按钮。在浏览器上显示按钮时,它将转换为默认的html按钮。因此,您可以使用其“样式”属性添加图像。我的例子如下。我希望它对你有用

Style="background-image:url('Image/1.png');"
您可以使用更改图像位置

background-repeat
财产。因此,您可以编写如下按钮:

<asp:Button ID="btnLogin" runat="server" Text="Login" Style="background-image:url('Image/1.png'); background-repeat:no-repeat"/>


我正在设计一个现有应用程序的样式,它已经绑定了事件等。使用与您的按钮同名的图像按钮,它将拾取所有事件。实际上不会,+=新的事件处理程序中断,必须使用ImageClickEventHandler我使用imagebutton,按钮图像在单击时看起来很有趣。当我添加图像按钮时,图像的url类似于“localhost/Images/…”,因此它包含本地url。当我想将该项目放入服务器(将项目从本地复制到生产服务器)时会发生什么情况?链接是否正确更改?是的,您可以这样做,只需确保在CSS中设置类的宽度和高度,以防止ScruchingWhat版本的ASP.NET?这是相关信息。您使用的是图像按钮,而不是按钮。问题是看一个标准按钮是否可以包含图像。
background-repeat
<asp:Button ID="btnLogin" runat="server" Text="Login" Style="background-image:url('Image/1.png'); background-repeat:no-repeat"/>