0

ASP.NET アプリケーションがあり、div を使用した効果が必要です。div についてマウスオーバーすると、この不透明度が 0.9 になり、マウスダウンすると不透明度が 0.6 になります。2 つの div を使用します。1 つの div は別の div にあり、この中でコントロールを使用します。

My Mouse が div にない場合:

ここに画像の説明を入力

My Mouse が div にある場合:

ここに画像の説明を入力

私のコード:

<asp:Content ID="Content2" ContentPlaceHolderID="lw_content" runat="server">
    <div class="createuser">

        <div class="create_box">
            <div class="newUser">

        Benutzer Anlegen <br/>
        <br/>
        <table>
            ...
        </table>

        <br/>
        <asp:Button ID="btnAnlegen" runat="server" Text="Benutzer anlegen" 
                    onclick="btnAnlegen_Click" />

             </div>
        </div>

    </div>


</asp:Content>

私のCSS：

div.createuser {

    background-image: url(../images/bg_createuser.jpg);

    filter:alpha(opacity=50);
    width: 1000px;
    height: 450px;
    z-index: n;
}

div.create_box {

      width:400px;
  height:350px;
  margin:30px 100px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }

div.newUser {

    margin:30px 40px;
    font-weight:bold;
    color:#000000;
    font-size: small;opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

私はdiv.createuserに不透明度0.7の背景として画像を持っています

4

2 に答える 2

2

これを試してください、それが役立つことを願っています

div.newUser {
   filter:alpha(opacity=50);
   opacity: 0.5;
}

div.newUser:hover {
   filter:alpha(opacity=90);
   opacity: 0.5;
}
于 2012-11-21T13:35:44.267 に答える
1

背景のrgba色の不透明度を使用してそれを行うことができます。それはすべてのブラウザーで機能します。例の不透明度に気付くために黒い背景を使用しました。このメタタグも使用して、IE で動作するようにします

<meta http-equiv="X-UA-Compatible" content="IE=9" />

div.newUser{
background:rgba(0,0,0,0.5);    
}

 div.newUser:hover{
background:rgba(0,0,0,0.9);    
}

または、そのような不透明度でそれを行うことができます:

div.newUser{
opacity: 0.5;    
}
div.newUser:hover{
opacity:0.9;    
}
于 2012-11-21T13:44:07.570 に答える