2

以下のリンクをご覧ください

http://jsfiddle.net/9AbvE/291/

要素にカーソルを合わせるdiv id = f12とdiv id = floater背景色が変わりますがdiv id = f11、 にカーソルを合わせると色が変わりません。理由は誰にもわかりますか?

どうもありがとう！

厳密には CSS ソリューションのみです。

ここに表示用のcssがあります

#f11
{
    width: 100px;
    height: 50px;
    position: absolute;
    background: transparent;
    opacity: 1;
    filter: alpha(opacity=0);
    border-width: 1px;
    border-style: inset;
}
#f11:hover + #floater
{
    background:blue;
    width: 320px;
    height: 320px;
    opacity:100;
    right:0;
    filter: alpha(opacity=100);
    float: left;
    position: fixed;
}

#f12
{
    width: 100px;
    height: 50px;
    position: absolute;
    background: transparent;
    opacity: 1;
    filter: alpha(opacity=0);
    border-width: 1px;
    border-style: inset;
}

#f12:hover + #floater
{
    background:blue;
    width: 320px;
    height: 320px;
    opacity:100;
    right:0;
    filter: alpha(opacity=100);
    float: left;
    position: fixed;
}

#floater
{
    width: 320px;
    height:320px;
    opacity:0;
    position: fixed;
    right:0;
    filter: alpha(opacity=0);
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    transition: 1s all;
    border-width: 1px;
    border-style: inset;
    filter: alpha(opacity=100);
}
4

2 に答える 2

5

変化する #f11:hover + #floater

に

#f11:hover ~ #floater

+要素の直後の兄弟用です~が、要素の後の任意の兄弟用です

于 2012-09-26T11:51:30.197 に答える
1

このリンクを確認してください

色が表示されず、あなたの が遠くないため、;あなたはあなたから行方不明になりました。これは機能の破損につながります. に（またはそれ以上）与える。また、@ClydeLoboが言ったようにセレクターを使用します。background:blackdivtop:50px;#f12sibling

于 2012-09-26T11:59:56.633 に答える