我页面上一个DataList中嵌套了一个DataList,内层DataList使用样式正常,外层的不起作用。外层DataList的ItemTemplate设置如下:
<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那个背景图片也显示不出来,就没法解决了。但这段代码在浏览器中却是正确的:
<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是正常的,就是那个背景图片显示不出来。那个图片设计时是能正常显示的,就是运行时不能正常显示,忘高手指点一下。
<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那个背景图片也显示不出来,就没法解决了。但这段代码在浏览器中却是正确的:
<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是正常的,就是那个背景图片显示不出来。那个图片设计时是能正常显示的,就是运行时不能正常显示,忘高手指点一下。
--------------------------看生成的HTML ,在它基础上修改
../../Images/Lines/Button.jpg
检查运行后的路径没?
在ie的一端查看正确路径。
<span id="LinesCPH_dlStation_lblStation_0" class="Station" style="color:Blue;font-size:16pt;font-weight:bold;">七里沟站</span>
</div>