Question

我有一个显示内容的内联框架，我遇到的问题是我无法通过Css菜单显示当前打开的页面的样式。我已经在网上看了一下，可以通过JAVA来完成。

我是新编码而不是那么好，有人可以帮忙。我已经坚持了好几天

我的索引Html和索引CSS代码在

之下

来自索引html页面的代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>Untitled Page</title>
<meta name="generator" content="Web Builder - http://www.webbuilder.com">
<link href="css/Untitled1.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
</head>
<body>
<iframe name="InlineFrame1" id="

InlineFrame1" style="position:absolute;left:27px;top:155px;width:852px;height:286px;z-index:0;" src="./page1.html"></iframe>
<div id="wb_CssMenu1" style="position:absolute;left:395px;top:17px;width:336px;height:100px;z-index:1;">
<ul>
<li class="firstmain"><a href="./page1.html" target="InlineFrame1">Item&nbsp;1</a>

</li>
<li><a href="./page2.html" target="InlineFrame1">Item&nbsp;2</a>
</li>
</ul>
<br>
</div>
</body>
</html>

来自Index Css Page的代码

body
   {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   }
   #InlineFrame1
   {
   border: 1px #C0C0C0 solid;
   }
   #wb_CssMenu1
   {
   border: 0px #C0C0C0 solid;
   background-color: transparent;
   }
#wb_CssMenu1 ul
{



 list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
   width: 80px;

}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #666666;
   border: 1px #C0C0C0 solid;
   background-color: #EEEEEE;
   background-image: none;
   font-family: Arial;



font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 68px;
   height: 26px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 26px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
   color: #666666;
   background-color: #C0C0C0;
   background-image: none;
   border: 1px #C0C0C0 solid;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;

不是答案，而是添加到我的帖子

Jonny.milano

抱歉有点长。

由于网站处于设计阶段，我此时没有网址。

所以这里有更多的信息，希望它有所帮助，因为我真的被困在这个。

在上面的代码示例中，我有一个索引页面。在索引页面上，我有一个内联框架和一个带有2个按钮和另外2个页面的CSS菜单，因此该网站总共有3个页面，索引，Page1和Page2

当打开索引页面时，page1及其内容在内联框架中打开，请参阅下面的代码，page1设置为firstmain

项目1

CSS菜单按钮样式设置为灰色字体和白色背景，无悬停或活动模式。

当CSS菜单按钮鼠标悬停或页面处于活动状态时，菜单样式将变为白色字体和灰色背景。

我的问题是，悬停时按钮工作正常，样式如上所述改变。但是，当页面处于活动状态时，即当页面显示在内联框架中时，样式不会保持更改。

目前当打开索引页面并且内联框架中显示page1时，两种按钮的CSS样式显示为灰色字体和白色背景，这是错误的

何时显示为

Button1应为白色字体，灰色背景为第1页，对于Button2，它应显示为灰色背景，白色背景，无活动/鼠标悬停样式。当page2处于活动状态时，样式应更改为显示page2现在是活动页面而不是page1

简而言之，我要求的是内联框架中显示的活动页面的菜单样式更改，这有助于用户识别哪个页面处于活动状态。对于所有按钮我都需要它。

从另一种形式，类似的问题，我试图使用上面的代码，但不能适应我，因为我有限的编码技能。

对不起任何拼写错误

感谢

使用内嵌框架时的菜单样式

0 个答案: