0

网站导航html:

<div class="main_nav">
    <div><a href="home/">Home</a></div>
    <div><a href="company/">Company</a></div>
    <div class="active"><a href="franchise/">Franchise</a></div>
</div>

当链接悬停时,它会获得特定的背景颜色。

我的问题是,如何在加载单击的页面并且仍显示旧页面时保持此悬停状态?我的意思是你悬停一个链接项目,背景发生变化,你点击背景更改为默认值,新站点开始加载。

当新页面快速加载时,这不是必需的,因此您不会真正看到差异。但是我很想知道这是否可能仅使用 css 技术。

有任何想法吗?

我的CSS:

.header_wrapper .main_nav div a:link{
  display:block;
  text-decoration:none;
  color:#f5f5f5;
}

.header_wrapper .main_nav div.active a:link{
  color:#f5f5f5;
  background: url(images/layout/main_nav_bg_hover.png) repeat-x;
}

.header_wrapper .main_nav div a:hover{
  color:#f5f5f5;
  background: url(images/layout/main_nav_bg_hover.png) repeat-x;
}

.header_wrapper .main_nav div a:focus{
  color:#f5f5f5;
  background: url(images/layout/main_nav_bg_hover.png) repeat-x;
}
4

3 回答 3

3

嘿,现在习惯像这样聚焦属性

a:focus{
// css properties 
}

现场演示

于 2012-07-23T04:59:55.113 回答
2

试试这样。。

如果您的<a>标签有一个类而不是使用这个:

a.classname:focus {
   color: /*whatever you want*/ ;
}

如果你想应用所有<a>而不是使用这个:

a:focus {
   color: /*whatever you want*/ ;
}
于 2012-07-23T05:03:59.483 回答
0

试试这个:

<div class="<?=($_REQUEST['args'] == 'franchise')?'active': ''?>"><a href="franchise/">Franchise</a></div>
于 2012-07-23T05:07:29.340 回答