Databases
StackOverflow2013
Postsdbo
POIE8 link background color not changing on hover
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIE8 link background color not changing on hover
    primarykey
    data
    text
    <p>So, I have an issue with the hover state of a link in IE8. Code is as follows:</p> <pre><code>&lt;div id="navigation"&gt; &lt;a href="/" class="home"&gt;Home&lt;/a&gt; &lt;/div&gt; </code></pre> <p>And the CSS:</p> <pre><code>#navigation { float: right; height: 29px; margin: 50px 0 0 23px } #navigation a { color: #FFF; float: left; font-size: 120%; height: 25px; margin-right: 7px; padding: 2px 10px; text-align: center; width: 104px; } #navigation a.home { background-color: #f4e034; } #navigation a.home:hover { background-color: #fffbd4; } </code></pre> <p>Now, this works fine in every other browser I have tested in (Chrome, Safari, FF, IE6, and IE7), it just won't change the background color of the link in IE8 on hover.</p> <p>I have tried adding <code>display: block</code> and <code>display: inline-block</code> to the <code>a</code> element. I have also tried adding <code>!important</code> after the background-color in the hover tag. I have also made sure that there are no other elements in the CSS that is affecting this.</p> <p>Googling this problem gives me a bunch of things regarding the IE8 beta, which this is not. It also gives me answers for menu related links, which this is not. It gives me answers for things being affected that aren't background-color. And it gives me things where changing the font-color works, but not the background-color (neither works in my case).</p> <p>Just wondering if anyone else has ever noticed this issue and has something they can provide on this. Let me know, thanks in advance.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJason Gennaro
    1. USArak Tai'Roth
    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
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COCurious, have you tried adding border (or any other style like font-weight:bold;) in the :hover state and see if that takes effect?
      singulars
      1. POIE8 link background color not changing on hover
      1. USpixelfreak
    2. COI wonder, does removing the declaration for its default background color cause it to work? (like removing the rules that are contained in `#navigation a.home { [...] }`)
      singulars
      1. POIE8 link background color not changing on hover
      1. USNightfirecat
    3. COI tested this code in IE8 and it works fine. Are you sure there is not conflicting code elsewhere? http://jsfiddle.net/N4zUN/
      singulars
      1. POIE8 link background color not changing on hover
      1. USTank
 

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