I'm using Gallery to display photos on a site I'm working on, and there's a newer theme for it called Ajaxian. Navigation of the gallery is controlled via a toolbar that appears above the image, and it's only supposed to be visible when the image is being displayed, not when the list of albumsis displayed.
It works great in Firefox, but not so great in IE. The developer of the theme was aware of that, and used the code below to screen back the navigation bar, so that it wouldn't be too obtrusive.
css Code:
slideshow-controls ul {
position: absolute;
margin: 0;
padding: 3px 210px 3px 250px;
list-style: none inside;
background-color: #000;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=40); /* Lower opacity for IE since the controls don't hide */
Does anyone have suggestions as to how to make this work better in IE?
It looks great in Moz., but it's not acceptable in IE.
Maybe something that detects the browser and displays a different method of navigation instead?
You can take a look at the gallery theme in action
here unless I get frustrated and go with a completely different theme first!