Cronus47 / slideshow

Automatically exported from code.google.com/p/slideshow
0 stars 0 forks source link

Hover on Thumbnails doesnt work in IE #82

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago
Note: If this is a troubleshooting question, please first look in the FAQ 
(http://code.google.com/p/slideshow/wiki/FAQ), search in the Google Group 
(http://groups.google.com/group/mootools-slideshow) and / or post your 
question there! This form is only for technical issues / bugs, thank you.

What steps will reproduce the problem?
1. On http://www.electricprism.com/aeron/slideshow/ as example.
2. Hover on Thumbnails doesnt work in IE
3. Problem exist in Slideshow2r147.

What is the expected output? What do you see instead?
In Firefox the hovered Thumbnail gets a focus, on IE hover isnt working.

What version of the product are you using? On what operating system and 
browser?
Slideshow2r147; IE7,8

Please provide any additional information below.

.slideshow-thumbnails a:hover {
/*  background-color: #FF9 !important;*/
    opacity: 1 !important;
}

Original issue reported on code.google.com by schmitz....@gmail.com on 27 Apr 2009 at 2:30

GoogleCodeExporter commented 8 years ago
This is a css issue.
IE 6 has some trouble with hover.
If someone with IE 6 could test the following css adjustments.
.slideshow-thumbnails a:link {
    display: block;
    padding: 5px;
    position: relative; 
}
.slideshow-thumbnails a:visited:hover, .slideshow-thumbnails a:link:hover {
    background-color: #86d0ff !important;
    opacity: 1 !important;
}

Original comment by daiv.mow...@gmail.com on 22 Jun 2009 at 11:04

GoogleCodeExporter commented 8 years ago

Original comment by aeron.gl...@gmail.com on 23 Jun 2009 at 1:06

GoogleCodeExporter commented 8 years ago

Original comment by aeron.gl...@gmail.com on 21 Aug 2009 at 7:47

GoogleCodeExporter commented 8 years ago
The CSS issue above dosn't work for the opacity in IE! 

Original comment by mail@bekanntmacher.ch on 29 Sep 2010 at 5:20

GoogleCodeExporter commented 8 years ago
The hover stuff isn't done in Javascript, it's just CSS and IE doesn't support 
the "opacity" rule (maybe IE9?). You can probably get it to work writing 
specific rules to target the IE browsers:

http://www.quirksmode.org/css/opacity.html

Original comment by aeron.gl...@gmail.com on 30 Sep 2010 at 5:23