如何改變一個表格邊框不透明度

-1

我有一個漸變背景圖片的網頁。在這個頁面上是一個表格。我已經將邊框設置爲5像素寬度並且是實心的。我想使這些邊框不透明度爲0％，以便用戶可以看到漸變背景。這可能嗎。這是我迄今爲止的表格。如何改變一個表格邊框不透明度

<div style="margin: 0pt auto; width: 980px;background-color:white;"> 
<div style="500px;overflow:hidden"> 
    <table style="width: 100%; table-layout: fixed;"> 
    <tbody> 
     <tr> 
     <th style="border-bottom:5px solid rgba(255,0,0,.5);"><font color="red">Name</font></th> 
     <th style="border-bottom:5px solid rgba(255,0,0,.5);"><font color="green">Event</font>  </th> 
     <th style="border-bottom:5px solid rgba(255,0,0,.5);"><font color="blue">Description</font></th> 
    </tr> 
    <tr> 
     <td style="width:150px;border-right:1px solid black;border-bottom:1px solid red;"><?   echo $Row['name']; ?></td> 
     <td style="width:150px;border-right:1px solid black;border-bottom:1px solid green;"><? echo $Row['description']; ?></td> 
     <td style="width:150px;border-bottom:1px solid blue;"><? echo $Row['detail']; ?></td> 
    </tr> 
    </tbody> 
    </table> 
</div> 
</div>

我改變顏色以RGBA（255,0,0，0.05）如先前建議，但它示出了白色背景對於在表外部的劃分設置。我想要顯示錶格邊框的真彩頁背景，這是一個多色漸變。

這已被標記爲重複，但我不知道去哪裏了原來的問題是。使用rgb或rgba僅將不透明度更改爲表格單元格的背景。我想顯示桌子後面的頁面背景，這是一個彩色漸變。如果這是一個重複的問題，請告訴我答案已經給出。謝謝。

來源

2014-01-09 user3125362

http://stackoverflow.com/questions/4062001/css3-border-opacity？ –

你是指不透明度爲0％（不可見），而不是不透明度爲100％（可見）？ – Ming

找到該顏色的RGB擊穿你想（google一下），並使用

5px solid rgba(255,0,0,.5)

.5是它是透明

來源

2014-01-09 02:04:38 jmore009

使用RGBA的alpha：border-bottom:5px solid rgba(255, 0, 0, .5);

下4或者它看起來更透明。我的例子顯示紅色。

來源

2014-01-09 02:04:48 NewInTheBusiness

如何改變一個表格邊框不透明度

回答

相關問題