Databases
StackOverflow2013
Postsdbo
POCSS - Using :hover pseudoclass isn't working at the bottom of an anchor tag
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS - Using :hover pseudoclass isn't working at the bottom of an anchor tag
    primarykey
    data
    text
    <p>I'm currently modifying the stylesheet on <a href="http://onverse.wikia.com/wiki/Onverse_Wiki" rel="nofollow">http://onverse.wikia.com/wiki/Onverse_Wiki</a>. I'm having difficulties with the orange "Onverse Wiki" button at the left top of the page. What's happening is when your put your mouse over the bottom part of the anchor, it doesn't register the :hover pseudoclass. I've tried so many different things like changing the z-index, the display property, changing the line-height property, and nothing works. I've gone as far as removing all margins (which is necessary of course), borders, and paddings, so that the object itself is covering the whole area that it appears to be without any success.</p> <p>However any place below the text you hover over with your mouse (even if it's within the anchor tag), your cursor won't turn into the pointer cursor. Clicking there does nothing. It isn't actually dependent on the text is because... 1. The top, left, and right sides of the anchor tag still recognize when they're being hovered over. 2. Changing height to 41px, padding to 0, display to table-cell, vertical-align to bottom, brings the text to the bottom of that area and you can clearly see the pointer cursor doesn't appear when hovering over the bottom part of the text.</p> <p>I'm thinking it has to do with its layout in relation to other elements maybe? I couldn't figure out what would be interfering if anything was... And I already did change the z-index to like 100000, so the anchor would've been on top of everything. I had a similar problem before, with the blue buttons to the right, but all I had to do there was change the z-index to 1.</p> <p>So I'm lost here. Any help? It would be much appreciated!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USPluto
    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. VO
      singulars
      1. POCSS - Using :hover pseudoclass isn't working at the bottom of an anchor tag
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POCSS - Using :hover pseudoclass isn't working at the bottom of an anchor tag
      1. This table or related slice is empty.
      1. VTModeratorReview
    3. VO
      singulars
      1. POCSS - Using :hover pseudoclass isn't working at the bottom of an anchor tag
      1. This table or related slice is empty.
      1. VTModeratorReview
    1. This table or related slice is empty.
 

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