Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > The div height and width disappear after the div background becomes transparent_html/css_WEB-ITnose

The div height and width disappear after the div background becomes transparent_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:14:33
Original
971 people have browsed it


This layer covers other layers. The background-color:transparent layer becomes 0*0, and the background-color:#555 layer becomes 180*90. It’s a very strange problem


Reply to the discussion (solution)

I tested it under IE8 and chrome browsers, both are normal, and the problem you mentioned did not occur! ! !

You can try adding a border: border:2px solid red;

Or use "Developer Tools" to check the effect~~~

It's not possible, see:
http://jsfiddle.net/gyS7P/
Unless your header is not added, or is added incorrectly, it does not comply with W3C standards.

I tested it under IE8 and chrome browsers, and they are normal, and there is no problem as you mentioned!

You can try adding a border: border: 2px solid red;

or use "Developer Tools" to see the effect~~~
I tested with ie8

It's impossible, see:
http://jsfiddle.net/gyS7P/
Unless your< ;!DOCTYPE HTML ...">The header is not added, or is added incorrectly, and does not comply with W3C standards.
Already added

What you want to cover is an iframe, does it need special processing?

IE6 does not support background-color:transparent;

Already added< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-……
Then put
background -color:transparent;
changed to
background:none transparent;

See
http://jsfiddle.net/gyS7P/1/

My IE8 does not Problem.

It’s not solved yet. Does anyone have a good solution?

Related labels：
div背景变成透明后div高度和宽度消失
source：php.cn
Previous article：Restore the color of the link text after clicking the link_html/css_WEB-ITnose Next article：How can I center the INPUT vertically in the following code_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2194
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2341
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1963
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1851
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1910
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template