外部CSS属性未应用

时间:2015-10-29 19:05:27

标签: css

我主要是一个大型机开发人员并维护一个建于2002年的前端Web应用程序(但我自2012年开始加入它)并且仅与IE 5兼容。我们在IE中以兼容模式存活了这么多年。现在我们的客户希望我们使它与IE 11兼容。我们刚开始使用一个页面的基本概念证明,我们注意到javascripts(固定)的一些事情。

但是我们的外部样式表存在问题。未应用CSS属性。在调试器中检查时,有位置和位置的复选框可用。可见性属性,但顶部,左侧和其他东西没有复选框,似乎不适用。在发布这个问题之前我研究了很多,但找不到正确的答案。这是一个示例div和CSS。

<DIV id=PD_DIV_SEARCHBY class=srchSearchBy style="VISIBILITY: visible">
   ....
   ....
</DIV>

.srchSearchBy
{ position:absolute; visibility:hidden; -> Seems to work
  top:75; left:5; width:225; height:135; } -> Don't work

如果不恰当地提到某些事情,请原谅我的知识。

由于

1 个答案:

答案 0 :(得分:1)

根据评论,您应该在id和类声明中添加引号。 您还需要尺寸单位。

如果您的样式仍未应用,可能是因为其他规则优先于Cascade OrderSpecificity。您可以使用更具体的CSS选择器。如果没有,您可以使用!important例外,但应谨慎使用。

<强> HTML

<DIV id="PD_DIV_SEARCHBY" class="srchSearchBy">
   ....
   ....
</DIV>

<强> CSS

.srchSearchBy{ 
    position:absolute; 
    visibility:hidden;
    top:75px !important; 
    left:5px !important; 
    width:225px !important; 
    height:135px !important; 
}