Databases
StackOverflow2013
Postsdbo
POBackground gradient disappears in IE9only SOMETIMES - Seems random
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBackground gradient disappears in IE9only SOMETIMES - Seems random
    primarykey
    data
    text
    <p>Man, I just can't figure this out. This is the damndest thing. In IE9, the background gradient seems to disappear, seemingly at random, depending on the width of my element.</p> <p>Just to start off, here's a test link that you can view. </p> <p><a href="http://babackofficedev.radolo.com/TestButtons.aspx" rel="nofollow">http://babackofficedev.radolo.com/TestButtons.aspx</a></p> <p>What's also weird is that it doesn't happen in JS fidde:</p> <p><a href="http://jsfiddle.net/jmillspaysbills/n833q/" rel="nofollow">http://jsfiddle.net/jmillspaysbills/n833q/</a></p> <p>I think I've narrowed down the culprit, but I just can't figure out WHY this is happening. The issue seems to be the <code>background-size:</code> property. On my buttons with a gradient, I give it: <code>background-size: 1px 175%</code>, then on hover: <code>background-size: 1px 100%</code> - this basically allows a smooth transition on chrome, firefox, etc. instead of an instant transition to a different gradient. Anyway, that all works fine.</p> <p>I don't plan on changing this, because this is only effecting IE9, but I would love to know why it's happening so that I can try to figure out a workaround. </p> <p>After some investigating, I've found that this only happens on certain widths. It just so happens that a word I was using: "role" was the perfect width for this to happen, which is how I figured this out.</p> <p>Doing some testing, I've found that it happens at the following widths: 43px, 49px, 57px, 63px, 84px, 85px, 96px, 99px, 109px - That was as far as I got. I'm sure this happens above 109px, but I haven't tested above 110px.</p> <p>I just don't get it. I can't seem to figure this out. Has anyone ever had this issue? Can anyone give me some input? It's driving me crazy.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJeremy Miller
    1. USJeremy Miller
    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. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POBackground gradient disappears in IE9only SOMETIMES - Seems random
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI managed to get it to replicate the issue in JS Fiddle by just including the stylesheet. So it's definitely something in the stylesheet. I just can't figure out what it is! http://jsfiddle.net/jmillspaysbills/n833q/9/
      singulars
      1. POBackground gradient disappears in IE9only SOMETIMES - Seems random
      1. USJeremy Miller
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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