How to set the transparency of a div but the text is opaque

How to set the transparency of a div but the text is opaque:

When setting div transparency there may be many friends who encounter the problem that the text in the object is also transparent, can not be said to be flawed, and may sometimes require such an effect. Here is how to set the object to be transparent, but the text is not clear. The code example is as follows:

<! doctype html> 
The 
 Above code sets the second div to translucent, but the text also appears transparent. So change the code here: 
 
<! doctype html> 
The above code implements the desired effect. The way to do this is to say that the span element is removed from the Div, using absolute positioning, and then positioning the span element where it was originally located in the DIV element.
 
The original address is: http://www.51texiao.cn/div_cssjiaocheng/2015/0501/514.html
How to set the transparency of a div but the text is opaque