0

画像をクリックした後に点灯するように CSS で作成するにはどうすればよいですか?

私のPHP：

<div class="social-icons highlightit">
       <ul>
      <li><a href="http://150.254.36.80/wige/kandydaci/o-wydziale/"     target="_top" rel="me"><img src="/images/wydzial2.png'" title="Wydzial"/></a></li>           
    <li><a href="http://150.254.36.80/wige/studenci/komunikaty"   target="_top" rel="me"><img src="/images/studenci.png'" title="Studenci"/></a></li>           
       </ul>
     </div>

私のcssファイル：

    .social-icons {
    background: #000;
    position: fixed;
    right: 0;
    top: 22%;
    padding: 5px 0px;
    border: 1px solid #F27570;
    }
    .social-icons ul {
    margin: 0;
    }
    .social-icons li {
    list-style: none;
    background: none;
    padding: 5px 10px;
    margin: 0;
    }
   .social-icons li img {
   display: block;
    }

   .highlightit img{
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
   }

   .highlightit:a.hover img{
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   }

書いてみた

.highlightit:a.visited img{

}

しかし、それは機能しません:(

4

2 に答える 2

2

私はあなたが:絞った場所にあなたのものを持っていると思います、あなたはそれがもっと必要です...

.highlightit a:visited img{
于 2013-04-28T17:06:45.420 に答える