1

Backgroundcolor黒とopacity0.6の Div があります。今、ボーダートップを不透明度のない黒色に設定したい

CSS:

 #MainHeader
    {
        position:relative;
        top:0px;
        height:50px;
        width:1000px;
        opacity:0.7;
        background-color:black;
        border-top:10px solid black;
     }

HTML:

<div id="MainHeader"></div>

JSフィドル

4

2 に答える 2

3

RGB背景色と不透明度を与えるために使用します

   background-color: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

デモ

ここで詳細な説明を確認してください

于 2013-02-01T09:15:30.100 に答える
1

不透明度の代わりにRGBA背景色を使用します。

MainHeader {
position:relative;
top:0px;
height:50px;
width:1000px;
background-color:rgba(67, 67, 69, 0.6);  // use this instead of opacity
border-top:10px solid #000000;
}
于 2013-02-01T09:18:22.527 に答える