[SOLVED] Transparency in Google Chrome

[mattal999]

OK, I have this:

 

.artist {
border: none;
float: left;
margin: 10px;
width: 75px;
height: 107px;
}

.artist a {
color: #000000;
text-decoration: none;
width: 75px;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
}

.artist a:hover {
color:#000000;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}

.artist img {
border: none;
margin-bottom: 2px;
}

 

and this to make it:

 

<span class="artist"><center><a href="browsesongs.php?artist=<?php echo $song['artist']; ?>">
    	<img src="images/art.gif" class="art" width="75" height="75"><br><?php if(strlen($song['artist']) >= 20) { echo substr($song['artist'], 0, 20)."..."; } else { echo $song['artist']; } ?></a></center></span>

 

And it gives this result in Chrome, but its fine in IE:

 

 

Any ideas?

 

Thanks

[Demonic]

Chrome is in beta still

[mattal999]

I know, but is there any way i can CSS hack it?

[haku]

I believe you can drop the -moz opacity and the filter, and just use 'opacity'. If so, that will fix your problems in chrome.

[mattal999]

i did that, but it didn't fix it, exactly the same as it was... Anything else?

[bronzemonkey]

I don't think you should be worrying about fixing minor issues in a beta-version of a new browser. No one bothers with the IE8 beta either.

 

However, Chrome is based on webkit and so you would expect it to be fine. Why don't you post the actual html source of the page (i.e. not your raw code with php in it) and the entire stylesheet, or provide a link to the actual page this is happening on, so that people can actually do some testing.