Thanks with your help on previous issues. nyroModal is proving to be a
very helpful plugin.
This issue is related to the a.nyroModalPrev and a.nyroModalNext classes
in the provided sample nyroModal.css. I'm trying to display forward and
back arrows all the time (not just on :hover). I've added background
styles for these classes, but they seem to be ignored by all browsers. For
example:
a.nyroModalPrev {
left: 0;
width: 40%;
background: url(../img/prev.gif) left 20% no-repeat;
}
would suggest that the prev.gif image would appear during the non-hover
state over a gallery image. I've tried playing around with the display and
z-index styles, but nothing seems to make a difference. Is there something
being done in the code that would be preventing a persistent anchor
element background image from appearing in the modal?
Remove the line 70 from nyroModal.css and it will work: background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ If you don't want edit the nyroModal.css, you can write your CSS rule like that div.wrapperImg a.nyroModalPrev { left: 0; width: 40%; background: url(../img/prev.gif) left 20% no-repeat; } That's for this kind of problem that the plugin includes nyroModal.full.css ;)Labels: -Type-Defect Type-Other