Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I've found a fix but you may not like it...</p> <p>If you render in IE in <a href="http://www.quirksmode.org/css/quirksmode.html" rel="noreferrer">quirks mode</a> the border renders fine, it is only obscured if you're using compatibility mode. Compare these two pages in IE8:</p> <ul> <li><a href="http://www.boogdesign.com/examples/css3/borders-tables-gradients-1.html" rel="noreferrer">With a <code>DOCTYPE</code> declaration</a> <ul> <li><a href="http://www.boogdesign.com/examples/css3/borders-tables-gradients-1.png" rel="noreferrer">http://www.boogdesign.com/examples/css3/borders-tables-gradients-1.png</a></li> </ul></li> <li><a href="http://www.boogdesign.com/examples/css3/borders-tables-gradients-2.html" rel="noreferrer">Without a <code>DOCTYPE</code> declaration</a> <ul> <li><a href="http://www.boogdesign.com/examples/css3/borders-tables-gradients-2.png" rel="noreferrer">http://www.boogdesign.com/examples/css3/borders-tables-gradients-2.png</a></li> </ul></li> </ul> <p>What also works is clicking the compatibility view button, but my attempts to get the same results with the <a href="http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx" rel="noreferrer">compatibility mode meta tags</a> were unsuccessful. I tried using <a href="http://www.quirksmode.org/css/box.html" rel="noreferrer"><code>box-sizing</code></a>, but also with no success. I conclude the only way to get it to work as you want is to force IE into quirks mode, but that may create so many other issues for layout that you may be better off just adding a wrapper element to attach your gradient background to.</p>
    singulars
    1. This table or related slice is empty.
    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. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. 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