+ -
当前位置:首页 → 问答吧 → DataList的CssClass使用样式为什么不起作用?

DataList的CssClass使用样式为什么不起作用?

时间:2011-12-14

来源:互联网

我页面上一个DataList中嵌套了一个DataList,内层DataList使用样式正常,外层的不起作用。外层DataList的ItemTemplate设置如下:

C# code

    <ItemTemplate>
        <div style="width:120px; height:29px; background-image:url('../Images/Lines/Button.jpg'); text-align:center; vertical-align:middle">
        <asp:Label ID="lblStation" runat="server" CssClass="Station" 
            Text='<%# Eval("CircuitName") %>' Font-Bold="True" Font-Size="16pt" 
            ForeColor="Blue" />
        </div>
        <br />
        <br />
        <asp:HiddenField ID="hfCircuitID" runat="server" 
            Value='<%# Eval("CircuitID") %>' />
        <asp:DataList ID="dlCircuits" runat="server" DataKeyField="CircuitID" 
            DataSourceID="sdsLines" onitemdatabound="dlCircuits_ItemDataBound" 
            RepeatColumns="3" Width="100%">
     <ItemTemplate>



其中ID=“lblStation”的LabelCssClass不起作用,只好使用Font之类的属性设置了。但div那个背景图片也显示不出来,就没法解决了。但这段代码在浏览器中却是正确的:

HTML code

        <div style="width:120px; height:29px; background-image:url('../Images/Lines/Button.jpg'); text-align:center; vertical-align:middle">
        <span id="LinesCPH_dlStation_lblStation_0" class="Station" style="color:Blue;font-size:16pt;font-weight:bold;">XXXX</span>
        </div>



可以看出IE中div是正常的,就是那个背景图片显示不出来。那个图片设计时是能正常显示的,就是运行时不能正常显示,忘高手指点一下。

作者: Ivy_zheng   发布时间: 2011-12-14

../Images/Lines/Button.jpg

写相对根目录的路径
--------------------------

看生成的HTML ,在它基础上修改

作者: Sandy945   发布时间: 2011-12-14

楼上是说写成~/Images/Lines/Button.jpg的形式吧?div不认啊

作者: Ivy_zheng   发布时间: 2011-12-14

不是 写 / 的形式

这个是被html 识别的根目录

/Images/Lines/Button.jpg 类似这样

Images 在根目录下

作者: Sandy945   发布时间: 2011-12-14

用vs2010的属性自动定位

作者: wdzczy   发布时间: 2011-12-14

CSS code

../../Images/Lines/Button.jpg

作者: jayrao5566   发布时间: 2011-12-14