6

我的一个图像按钮在 Chrome 中不起作用，但另一个按钮是（它们都在 IE 9 中起作用）：

不工作 

<asp:ImageButton ID="lblCustomer" 
    ImageUrl="~/images/Customer.jpg" 
    runat="server" 
    onmouseover="this.src='images/Customer.jpg';" 
    onmouseout="this.src='images/Customer.jpg';" 
    AlternateText="Customer" 
    CausesValidation="false" 
    OnClick="ibtnCustomer_Click" 
    ToolTip="Customer" />

在职的： 

<asp:ImageButton ID="ibtnUnRegisteredVendor" 
    ImageUrl="images/VendorButton.jpg" 
    runat="server" 
    onmouseover="this.src='images/VendorButtonHover.jpg';" 
    onmouseout="this.src='images/VendorButton.jpg';" 
    AlternateText="Vendor" 
    CausesValidation="false" 
    OnClick="btnUnRegisteredProvider_Click" 
    ToolTip="" />

客户按钮在 Chrome 中不可点击。
知道为什么客户按钮在 Chrome 中不起作用吗？

更新：

来自 Chrome 的渲染 HTML 是： 

<div id="Customer" style="width: 100%; left: 5px;">
    <input type="image" name="Master$cphMainContent$lblCustomer" id="cphMainContent_lblCustomer" title="Customer" onmouseover="this.src=&#39;images/Customer.jpg&#39;;" onmouseout="this.src=&#39;images/Customer.jpg&#39;;" src="images/Customer.jpg" alt="Customer" />
</div>


<div id="VendorsButton">
  <input type="image" name="Master$cphMainContent$ibtnVendor" id="cphMainContent_ibtnVendor" title="Vendor log in, registration or access without registration" onmouseover="this.src=&#39;images/VendorsButtonHover.jpg&#39;;" onmouseout="this.src=&#39;images/VendorsButton.jpg&#39;;" src="images/VendorsButton.jpg" alt="Vendors" />
<div id="VendorFeaturesContainer">
4

3 回答 3

1

可能是因为你对它们都有不同的路径。尝试将第一个更改ImageUrl为"images/Customer.jpg"

于 2012-08-13T18:36:24.283 回答
0

如果前面的建议不起作用，则可能是虚拟目录中的 ~/ 快捷方式有问题

于 2012-08-13T22:17:11.620 回答
0

当控件 (asp:ImageButton) 是 ASPX 母版页的“内容占位符”的一部分时，IE11 与 Chrome 对 ../ 和 ~/ 的解释不同。

IE 将按预期响应前缀 ~/ 来表示 Web 应用程序的根目录。IE 正在查找从根目录向下一层的图像目录 (ImageUrl="~/images/Customer.jpg")。

在 Chrome 中，当您的图像位于与“内容 ASPX 文件”相同级别的目录中时，如果使用 ../ 前缀，插入母版页的文件将按预期响应。Chrome 将 ~/ 解释为与“内容 ASPX 文件”位于同一目录中。也就是说，Chrome 正在寻找您的图像目录作为包含“内容 ASPX 文件”的目录的子目录。

据我所知，asp:ImageButton 不适用于 javascript 函数。一种解决方法是拥有两个图像目录（IE 需要它，Chrome 需要它）和适当的 jpg、png、gif 等文件。

于 2019-06-27T13:25:17.573 回答