1

Web ページの CSS スタイルシートがあります。Web ページには、背景色が白の表があります (表ではなく、行に設定されています)。不透明度またはアルファを 50% に設定したいと思います。私は非常に多くのバリエーションを試しましたが、うまくいきません。

HTML ファイルの一般的な行は次のとおりです。

<tr>
  <td>&nbsp;</td>
  <td>Twitter</td>
</tr>

表の行の CSS 設定 (完全に機能します) は次のとおりです。

tr {
    font-family: Arial, Helvetica, sans-serif; background:rgb(255,255,255);  
}

アルファを取得するために、試しました

tr {
        font-family: Arial, Helvetica, sans-serif; background-color:rgba(255,255,255,0.5);  
    }

私も試しbackground-color-opacity: 0.5ました。

他の提案はありますか？

4

4 に答える 4

1

試す

tr {
    background-color:rgba(255,255,255,0.5);
}

また

table {
    background-color:rgba(255,255,255,0.5);
}

ここで実際の例を見ることができます

于 2012-04-12T16:17:45.890 に答える
1

テーブルを透かしたい場合はhttp://jsfiddle.net/YyNmG/

HTML

<table>
<tr>
  <td>&nbsp;</td>
  <td>Twitter</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td>Twitter</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td>Twitter</td>
</tr>
</table>​

CSS

table{
    background-color:rgba(100,100,100,0.4);
}
body{
    background-color:red;
}​

TRのみの場合、http://jsfiddle.net/YyNmG/1/

tr{
    background-color:rgba(100,100,100,0.4);
}
table{background-color:black;}
body{
    background-color:red;
}
于 2012-04-12T16:25:00.683 に答える
1

私たちが見ることができる実際の例や、問題を再現できる JSFiddle はありますか?

これは、CSS が機能することを示す概念実証です: http://jsfiddle.net/anstosa/VVA6q/

他の CSS との競合が発生している可能性があります

于 2012-04-12T16:20:11.013 に答える