1

まず第一に、私の下手な英語で申し訳ありません :

さて、私はこのCSSを持っています

span.favoritos {position:absolute;left:550px;visibility:hidden;}
span.favtitle {position:absolute;top:-20px;left:450px;visibility:hidden;background: rgba(81,81,81, .9);color:#f2f2f2;padding:2px 4px 2px 4px;width:115px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.favoritos a {display:block;
width:24px;
height:24px;
text-indent:-9999px;
background:url(img/sprite2.png) -21px -324px no-repeat;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.favoritos a:hover {
background:url(img/sprite2.png) -21px -283px no-repeat;}
.favsave a {display:block;
width:24px;
height:24px;
text-indent:-9999px;
background:url(img/sprites.png) -121px -108px no-repeat;
border:1px #ececec solid;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.content:hover span.favoritos {visibility:visible;}
.content:hover span.favdel {visibility:visible;}
.favoritos:hover span.favtitle {visibility:visible;}

そしてこのHTML

 <div class="content">
        <span class="favtitle">Añadir a favoritos</span>
                        <span class="favoritos"><a title="Guardar en favoritos" href="#oferta-guardada">favoritos</a></span>
    </div>

しかし、ホバーし<span class="favoritos"></span>ても機能しない場合、表示されません<span class="favtitle">

理由がわかりません。

誰でも私を助けることができますか？

4

1 に答える 1

0

span.favtitle.favoritos:hover最後のセレクターで対処しようとしているため、 の子孫ではありません。

于 2012-09-24T12:28:44.460 に答える