0

現在のページのメニューをホバーしたいと思います。だから私はジョークメニューを呼び出すために以下のコードを追加しました

            <li class=" <?php $jokes_ur="http://www.domain.com/jokes/";
    $url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

    if ($jokes_ur==$url){
echo "jokesmenu" 
    }       
    ?>
"><a href="http://www.domain.com/jokes/">jokes<span>jokes</span></a></li>


.jokesmenu >ul> li > a:hover {
 background-image:-webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));background-image:-moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image:-o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));background-image:-ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
background-image:linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
color:#fff;list-style:none;text-decoration:none;

}

4

1 に答える 1

0

現在のページが正しいことを示すためにホバーされていない場合でも、ホバーされたのと同じ外観にしたいですか？まず、クラスを追加したliので、cssは次のようになります。

.jokesmenu a, ul> li > a:hover { ... }

このようにして、ホバーは引き続き機能します。また、liが機能している場合は.jokesmenu、それも強調表示されます。

于 2012-10-08T20:18:20.527 に答える