什麼是落實「黑暗/透明」在最上層的背景（例如：http://trishkhoo.com/2013/04/i-knew-exactly-how-she-felt/）文本框的最佳方式如何實現黑暗/透明的文本框？
請參見上面的鏈接顯示的標題：
「我知道她的感受 提起下：隨機沉思Trish Khoo - 5評論「它是在一個較暗但透明的盒子裏。
這是如何用簡單的css/html實現的？
我希望這是一個適當的地方來問這個問題。 Stackoverflow一直是我迄今爲止的設計/開發相關問題的源代碼！謝謝。
我想你的意思是一個簡單的半透明背景色DIV？
你可以用這個嘗試：
.box{
width:300px;
height:100px;
background-color:rgba(0,0,0,0.5); /* where 0.5 means 50% opacity */
/* and for a full compatibility on older browsers like ie7-8-9 you can use the filter property */
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */
zoom: 1;
}
你只想用background-color: rgba(0,0,0, 0.5)這將使50％不透明黑箱
RGBA代表紅，綠，藍，α和編號後對應的字母。 0,0,0，表示零紅，零綠，零藍，最後一個數字是一個0 - 1數字，其中0.5是50％等。
他們在該頁面上使用的方式是使用1px由1px PNG與透明度。不幸的是，如果不製作一張全新的圖像來拉伸（或重複），就無法改變黑色的透明度。使用RGBA，您會得到相同的結果，但您可以控制顏色和alpha。
它使用background-image屬性來達到這樣的效果。它是一個1x1像素的圖像，透明度在x和y上重複。使用
圖片：http://trishkhoo.com/wp-content/themes/motion/images/blacktrans.png
與rgba(r,g,b,a) CSS功能應用顏色時，你並不需要使用一個形象，但有些瀏覽器不支持alpha因子，因此這是我認爲最好的跨瀏覽器的選項。
@anonymous可以解釋downvote嗎？也許你認爲跨瀏覽器兼容性並不重要 – letiagoalves 2013-04-26 19:32:30
不錯，謝謝。 ✓ – Apane101 2013-04-26 19:50:30