Pagelines 2 - Opacity background-color on hover using rgba

[ipglab 0]

I've searched and searched, and tried various combinations, but for some reason I am not able to get the background-color on a hover to have opacity. I think this is the correct CSS, but it doesn't want to do the opacity. Any thoughts? oops, forgot to add the css: .main_nav li a:hover { background-color: rgba(255,255,255,.15) !important;} Thanks in advance.

[beardedavenger 158]

Hi! Target the li and not the a. Like so: [code].main_nav li:hover { background-color: rgba(255,255,255,.15) !important;}[/code] Let us know how that works out for you.

[ipglab 0]

Hi beardeavenger. Unfortunately I'm still getting the same result; completely opaque, no opacity. :(

[mackenzie 12]

I just tested in FireFox with FireBug by using the following code and it worked for me: [code].main_nav li a:hover { background-color: rgba(255, 255, 255, 0.15) !important; }[/code] Have you tested in FF with FireBug or other browsers? I'm wondering if it's an IE issue.

[ipglab 0]

Hi mackenzie. I've been using and testing in Safari 5.1.3, Chrome 18, and Firefox 11 with FireBug. I'm still not seeing any transparency on the hover. The hover does turn gray, which is NOT 255,255,255 (that should be white) but it is not transparent. It's still opaque. Take another look. At first I thought it was working, but it is just gray and not transparent. (puzzled)

[beardedavenger 158]

I tested this on your site without targeting the anchor link and it works. http://screencast.com/t/BRSEo4WO

[ipglab 0]

Well, that's extremely frustrating! I'll have to start testing other machines now. I had trying to fix an apparent "non" issue, only to find it's just me... Ok, just tested on another machine, still opaque here. Other than that, I'm going to let this go. Obviously I had the correct tag and settings, but for some reason it's not displaying properly. It's certainly not a deal breaker for this project. One last question, are you Mac or PC? We're all Mac here.