ASP .Net中的透明GridView?

时间:2011-12-12 00:11:28

标签: asp.net .net gridview transparency

我想知道是否有办法让GridView 透明。 我知道边框可以透明,我知道怎么做,

GridView Screenshot

但图片中的区域 1 2 背景的单元格标题是我的关注点。 我更喜欢保留原始背景图片,所以我更喜欢透明度。但如果不是这样的话 我也可以接受添加背景图片。

提前完成。

2 个答案:

答案 0 :(得分:2)

看起来你正在使用GridView的内置样式。例如,您的gridview可能类似于:

<asp:GridView runat="server" ID="GridView1" BackColor="#DEBA84" BorderColor="#DEBA84" 
    BorderStyle="None" BorderWidth="1px" CellPadding="3" CellSpacing="2">
    <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
    <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
    <PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" />
    <RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
    <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
    <SortedAscendingCellStyle BackColor="#FFF1D4" />
    <SortedAscendingHeaderStyle BackColor="#B95C30" />
    <SortedDescendingCellStyle BackColor="#F1E5CE" />
    <SortedDescendingHeaderStyle BackColor="#93451F" />
</asp:GridView>

如果是这种情况,只需删除所有样式:

<asp:GridView runat="server" ID="GridView1">
</asp:GridView>

或者,您可以使用CSS和!important属性覆盖Gridview的内联样式(如此)(您需要相应地更新CSS):

<style type="text/css">
    table {background:transparent !important;}
    table tr {background:transparent !important;}
</style>

答案 1 :(得分:0)

创建一个透明的小图像。 然后使用css将其添加到表中:

    table
    {
        background-image: Transparent5by5.gif;
    }