What about the fact that the background of the DIV is transparent and the content is opaque?

body {

wrap {

position:absolute;

top:50%;

left:50%;

margin:-200px 0 0 -200px;Here margin-top needs to be matched with the following height value

width:400px;

height:450px;* The height here can be changed at will, and the height of the following two divs is adaptive*

padding:10px 0;

overflow:hidden;Hide the Occupied Text Flow Locations below

bg{height:100%;

margin:0 20px;

background:#

opacity: ;

inner {

position:relative;

top:-100%;*Here is the key * height: 100%;

margin:0 20px;

Here's the question of inner: My transparency hasn't changed.

Handwritten one, I don't know if that's what it means.

div background is transparent,The text is opaque,Pay attention to the text in the div,In fact, you don't need to set absolute positioning, you just need relative positioning。 In fact, there is another way, that is, to form a juxtaposition relationship with two divs.

The background div and the text div are separated, and then z-index is used to determine who is on top and who is down.

Currently some browsers don't support transparent...

1. First of all, create a new html file, add a div, set the width and height of the silver reed, and fill the background color with red.

2. Then insert a sub-div into the parent div, define its width and height, and the background color (background: fff; ）。

3. Then add a transparency **(, preview the effect after saving, the background has been transparent, but the text is also transparent.

4. Students who are familiar with PS should know that at the top of the layer, there is an opacity, and the opacity of the layer in PS is set to 60%, which is the same as the effect in the web page.

5. Delete the background color and opacity just now, and replace it with**[background-color:rgba(255,255,255,; 】

6. After saving, look at the effect, the background has become transparent, and the text is opaque.

7. Among them, 255, 255, and 255 are the values in the color picker in PS.

.6 The same way as the first way is a meaning.

1. Introduce the corresponding anklet celery silver file first.

2. In HTML, we create a div that contains a subdiv and a p element. There is also a button at the back that triggers the deletion operation.

3. Find the div by id, then call the html() method, and pass the empty string into it, you can clear the content of the div.

4. Run the page, you can see that there is now a sub-div and a banquet p paragraph in the div. We click on the delete button.

5. After clicking, you can see that all the contents in the div have been deleted.

6. Make the div transparent without affecting the content, and it can't be used, because it will make the content transparent; Does not affect the content to be used.

7. background:rgba(), rgba represents red, green, blue and transparency respectively (the values in parentheses correspond respectively), for example: rgba(255,00,255,.

There is an opacity property in the CSS that sets the transparency.

In the following example, the div transparency is 60%.

Set div translucent css**:d iv

Description: 1. Filter: Set a translucent filter effect for win ie, filter: alpha(opacity=80) represents 80% translucency of the object, which is not recognized by Firefox.

2. -moz-opacity: Implement translucency to Mozilla Firefox, Win IE does not recognize this attribute, which is equivalent to setting translucency to 50%.

3. opacity: support for all browsers except IE, including Google, put the last mainly for Google Chrome, opacity: ; Indicates that 50% translucency is set.

Add the following styles to the style of the div:

filter:alpha(opacity=60);60 is 60% transparency.

It is also 60% transparency, which means that these 2 must be written, otherwise there will be compatibility problems in different browsers.

<>2. In the tag, add a style to "article": opacity: ; To "article p

Add style: opacity: 1;.

3. The browser runs the page, and the background is 50% transparent, but the font is opaque.