在制作網頁時，有的時候想實現DIV半透明的視覺效果，大家比較常用的是CSS屬性opacity來實現，這樣背景顏色的確變成了半透明，但是div里面的文字都變成半透明了，

接下來我們用另一種方法，css代碼為background-color:rgba(0,0,0,0.1)，使用這個方法就實現只設置div背景透明，而不影響到div里的內容。代碼示例如下：

.a{background-color: rgba(255,255,0,0.5);}

這樣div透明度改變以后，對里面的背景和文字都沒有任何影響。

我們用大家比較熟悉的CSS屬性opacity來改變div的背景顏色。

當然，如果我們需要設置div的背景顏色和里面內容都變成半透明狀態，那么可以繼續用opacity代碼示例如下：

.a{background-color: #fff;opacity: 0.5;}

總結一下，如果如果在頁面布局時，你希望div里面所有的都變透明，就用opacity。如果想要背景變透明，文字不變，就用background-color:rgba(0,0,0,0.1) 以上就是css實現背景顏色半透明的兩種方法的詳細內容，希望對大家有所幫助。