| 1 | <html><head><style>
|
|---|
| 2 | #container {
|
|---|
| 3 | # background: skyblue; /* enabling fixes the issue!!! */
|
|---|
| 4 | opacity: .99;
|
|---|
| 5 | }
|
|---|
| 6 | #container * {
|
|---|
| 7 | background: lightgreen;
|
|---|
| 8 | opacity: .99;
|
|---|
| 9 | }
|
|---|
| 10 | </style></head><body>
|
|---|
| 11 | Text before,<br/> outside
|
|---|
| 12 | <div id="container">
|
|---|
| 13 | Text directly inside<br/>
|
|---|
| 14 | Text directly inside<br/>
|
|---|
| 15 | Text directly inside<br/>
|
|---|
| 16 | Text directly inside<br/>
|
|---|
| 17 | Text directly inside<br/>
|
|---|
| 18 | <h1>Heading</h1>
|
|---|
| 19 | Continue text...
|
|---|
| 20 | <h2><a href="#">link in heading</a></h2>
|
|---|
| 21 | text again
|
|---|
| 22 | <p>in paragraph, <br/>next line</p>
|
|---|
| 23 | <p>in next paragraph, <br/>next line</p>
|
|---|
| 24 | more text...<br/>
|
|---|
| 25 | more text...<br/>
|
|---|
| 26 | more text...<br/>
|
|---|
| 27 | enough!
|
|---|
| 28 | </div>
|
|---|
| 29 | Text after,<br/> outside
|
|---|
| 30 | </body></html>
|
|---|
