2010-07-27 29 views
0

我有一个无序列表(HTML),它的风格,我改变有条件在后面的代码访问外部的样式表在后面的代码

<ul class="steps"> 
    <li class="" id="step1" runat="server">Step 1</li> 
    <li class="step2" id="step2" runat="server">Step 2</li> 
    <li class="step3" id="step3" runat="server">Step 3</li> 
    <li class="step4" id="step4" runat="server">Step 4</li> 
</ul> 

在后面IAM的代码做一些

step1.Attributes["class"] = "step1"; 
step2.Attributes["class"] = "step2New"; 

像这

如果iam使用内部样式,然后其工作正常,但当我采取相同的样式表到外部文件,那么它不工作

难道是因为我使用的ID,我不知道,请帮我

CSS文件分配的属性是什么的一些这样的

ul.steps li 
{ 
display:block; 
position:relative; 
float: left; 
color: white; 
background: url('Images/steps.png') left -518px no-repeat; 
min-height:60px; 
height: 4em; 
min-width:202px; 
width:20%; 
line-height: 4em; 
font-weight: bold; 
font-size: 130%; 
margin-bottom:1em; 
text-align:center; 
overflow:hidden; 
margin-left:-20px; 
} 
ul.steps li.step1 
{ 
    background-position: left -418px; 
} 
ul.steps li.step2,ul.steps li.step3New, ul.steps li.step4New,ul.steps li.step4New2 
{ 
    background-position: left -118px; 
} 
ul.steps li.step2New 
{ 
    background-position: left -218px; 
} 
ul.steps li.step2New2 
{ 
    background-position: left -318px; 
} 
ul.steps li.step3, ul.steps li.step4 
{ 
    background-position: left -18px; 
} 
/*ul.steps li.step3New 
{ 
    background-position: left -118px; 
}*/ 
ul.steps li.step3New2 
{ 
    background-position: left -218px; 
} 
ul.steps li.step3New3 
{ 
    background-position: left -318px; 
} 
/*ul.steps li.step4New 
{ 
    background-position: left -118px; 
} 
ul.steps li.step4New2 
{ 
    background-position: left -118px; 
}*/ 
ul.steps li.step4New3 
{ 
    background-position: left -218px; 
} 
li 
{ 
list-style-type:none; 
display:inline; 
} 

回答

0

使用

background: url('../Images/steps.png') left -518px no-repeat; 
0

您是否正确地引用外部CSS文件?你需要一个link元素放置在HTML的head部分,与href属性指向CSS文件:

<link rel="stylesheet" type="text/css" href="external.css" /> 
+0

是IAM这样做 – Mac 2010-07-27 11:36:19

+0

@Mac - 那么请张贴内部和外部样式表,所以我们可以看到发生了什么。 – Oded 2010-07-27 11:41:49

+0

是的,我已经添加了我使用相同的外部以及内部相同的css文件 – Mac 2010-07-27 11:58:30