在网格中显示图像

我正在使用RadGrid，并在此网格中有与ImageUrl的按钮。在IE8我有一些问题，正确地显示它们（水平），而不是喜欢这个在网格中显示图像

enter image description here

所以我想我应该改变按钮的宽度，但随后事情发生，我真的不知道为什么发生这种情况。 ..我只是改变从20像素的宽度至30像素

enter image description here

有人可以帮我如何改变这一点，这是正常的像其他浏览器（水平两个图片...

我的代码

<telerik:RadGrid ID="rgGrid" runat="server" DataSourceID="SqlDataSource1" 
      AllowSorting="True" AllowPaging="True" PageSize="20" 
      AllowFilteringByColumn="True" ShowStatusBar="True" Width="100%" 
      CellSpacing="0" GridLines="None" OnItemCommand="rgGrid_ItemCommand"> 
    <MasterTableView AutoGenerateColumns="False" DataKeyNames="OrganisationId"> 
     <NoRecordsTemplate> 
      Can't find Organisations to display 
     </NoRecordsTemplate> 
     <Columns> 
      <telerik:GridBoundColumn DataField="OrganisationId" DataType="System.Int32" 
       FilterControlAltText="Filter OrganisationId column" 
       HeaderText="OrganisationId" ReadOnly="True" SortExpression="OrganisationId" 
       UniqueName="OrganisationId" Visible="false"> 
      </telerik:GridBoundColumn> 
      <telerik:GridBoundColumn DataField="OrganisationName" FilterControlAltText="Filter 
        OrganisationName column" HeaderText="Name" ItemStyle-Width="60px" 
        SortExpression="OrganisationName" UniqueName="OrganisationName"> 
       <ItemStyle Width="60px" /> 
      </telerik:GridBoundColumn> 
      <telerik:GridBoundColumn DataField="CountryName" FilterControlAltText="Filter 
        CountryName column" HeaderText="Country" ItemStyle-Width="60px" 
        SortExpression="CountryName" UniqueName="CountryName"> 
       <ItemStyle Width="60px" /> 
      </telerik:GridBoundColumn> 
      <telerik:GridTemplateColumn UniqueName="DeleteColumn" ItemStyle-Width="20px" 
        AllowFiltering="false"ItemStyle-HorizontalAlign="Right" > 
       <ItemTemplate> 
       <telerik:RadButton ID="btnEdit" CommandName="Edit" runat="server" 
         Width="30px" ToolTip="View Details" Height="20px" 
         CommandArgument='<%# DataBinder.Eval(Container.DataItem, "OrganisationId")%>'> 
         <Image ImageUrl="~/Resources/Images/Grid/edit-app.png" 
          IsBackgroundImage="true" /> 
       </telerik:RadButton> 
       <telerik:RadButton ID="btnDelete" CommandName="Delete" runat="server" 
         Width="20px" ToolTip="Delete Vacation" 
         Height="20px" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "OrganisationId")%>'> 
       <Image ImageUrl="~/Resources/Images/Grid/delete-app.png" 
         IsBackgroundImage="true" /> 
       </telerik:RadButton> 
      </ItemTemplate> 
     </telerik:GridTemplateColumn> 
    </Columns> 
    </MasterTableView> 
    </telerik:RadGrid>

感谢您的帮助ANS快回答！

来源

2013-04-05 Mingebag

给一类图像第一：

<Image ImageUrl="~/Resources/Images/Grid/edit-app.png" 
IsBackgroundImage="true" CssClass="someclass" />

新增CSS

.someclass { 
    background-repeat: no-repeat; 
}

，因为它呈现为背景图像。

来源

2013-04-05 08:58:33 Morpheus

在网格中显示图像

回答

相关问题