Skip to content
This repository has been archived by the owner on Apr 20, 2023. It is now read-only.

Hovering over empty areas of elements do not trigger hover styles #47

Closed
lojjic opened this issue Jul 22, 2010 · 1 comment
Closed

Hovering over empty areas of elements do not trigger hover styles #47

lojjic opened this issue Jul 22, 2010 · 1 comment

Comments

@lojjic
Copy link
Owner

lojjic commented Jul 22, 2010

When PIE is applied to a link/button/etc. and sets the element's background/border to transparent, then the background area does not respond to hovering reliably.

From RwwL in forum topic http://css3pie.com/forum/viewtopic.php?f=3&t=43 :
Testcase http://www.lifford.org/exp/css3pie/

From ArnoOnline in issue #26:
http://www.xirtcms.com/PIE_bug_1.jpg
@lojjic
Copy link
Owner Author

lojjic commented Jul 23, 2010

Fixed. The solution was to give the main element a background-image of about:blank, rather than 'none', so that IE doesn't know it's transparent and honors mouse events in the empty area around the text. See http://haslayout.net/css/No-Transparency-Click-Bug

gucong3000 pushed a commit to gucong3000/PIE that referenced this issue Apr 22, 2016
When hiding the element's normal background, give it a background-ima…
6205524 
…ge of about:blank so that the entire background area remains reactive to mouse events. Fixes issue lojjic#47.
This issue was closed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@lojjic