Question

我创建了一个SAP Portal Custom Component，其中包含一个JSP文件（使用我的javascript代码）。此组件位于SAP Portal页面上，并带有更多iView。这个进一步的iView（包含iframe）包含多个标题（,,）和文本。我的目标是使用javascript动态创建一个目录（），并使用下面显示的CSS文件对其进行样式设置，并将其添加到iframe中。 Javascript在每个浏览器中运行良好，并创建我的目录。该样式仅适用于Chrome。如果我在IE中打开我的页面，则不会应用CSS。

#contentsdiv{
border: 1px solid #CCC;
display: inline-block;
*zoom: 1;
*display: inline;
padding: 5px 5px;
}


#contentstitle{
display: inline-block;
*zoom: 1;
*display: inline;
padding: 0px 0px 2px 0px;
}

#expandButton{
display: inline-block;
*zoom: 1;
*display: inline;
font-size:14px;
padding: 0px 0px 2px 2px;
text-decoration: none;
}

#expandButton:hover {
 cursor:pointer;
 text-decoration: underline;
}

#listdiv > ul{
padding-left:0px;
list-style-type: none;
padding-bottom:2px;
}

#listdiv > ul > li > ul, #listdiv > ul > li > ul >li >ul{ 
list-style-type: none;
padding-bottom:2px;
}

#listdiv > ul > li > a{
text-decoration:none;
font-size:14px;
}

#listdiv > ul > li > ul > li > a{
text-decoration:none;
font-size:14px;
}

#listdiv > ul > li > ul > li > ul > li > a{
text-decoration:none;
font-size:14px;
}

#listdiv > ul > li > a:hover , #listdiv > ul > li > ul > li > a:hover , #listdiv > ul > li > ul > li > ul > li > a:hover{
 text-decoration: underline;
}

有什么想法吗？

Answer 1

尝试删除属性前面的*。

Answer 2

    <html>
      <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>My Web Page</title>
      </head>
      <body>
        <p>Content goes here.</p>
      </body>
    </html>

使用此元标记构建您的html并删除所有*符号。 IE不支持它

CSS文件在Chrome中运行，但在IE中也没有？

2 个答案: