Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Well there is a pure CSS hack that works, sort of. It's black magic but is sometimes handy when used scarsely.</p> <p>It's explained here: <del>http://nanobox.chipx86.com/blog/2006/07/before-and-after-in-ie7-and-below.php</del> <a href="http://web.archive.org/web/20080706132651/http://nanobox.chipx86.com/blog/2006/07/before-and-after-in-ie7-and-below.php" rel="nofollow">http://web.archive.org/web/20080706132651/http://nanobox.chipx86.com/blog/2006/07/before-and-after-in-ie7-and-below.php</a></p> <p><strong>HTML fragment:</strong></p> <pre><code>&lt;div id="container"&gt; &lt;!-- --&gt; &lt;div class="mainContent"&gt; &lt;p&gt;Blah blah&lt;/p&gt; &lt;p&gt;Blah blah&lt;/p&gt; &lt;p&gt;Blah blah&lt;/p&gt; &lt;!-- --&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>CSS:</strong></p> <pre><code>#container:before { background: url("corners-top.png"); content: ""; display: block; height: 24px; } #container .mainContent:after { background: url("corners-bottom.png"); content: ""; display: block; height: 28px; } </code></pre> <p><strong>IE-specific stylesheet:</strong></p> <pre><code>#container * { background: url("corners-top.png"); display: list-item; font-size: 24px; line-height: 24px; list-style: none; } #container .mainContent { background: none; display: block; font-size: 1em; line-height: 1.25; } #container .mainContent * { background: url("corners-bottom.png"); font-size: 28px; line-height: 28px; } /* Now, still in the IE-specific stylesheet, remove the styles for all element descendants of .mainContent. Refer to each element by tag name. */ #container .mainContent p, #container .mainContent div, (And so on...) { background: none; display: block; font-size: 1em; line-height: 1.25; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload