Over here i learned how to do image transparency with onmouseover and onmouseout, but it only deals with inline coding. is there a way i can apply this to an external style sheet?
I want to make a navigation bar that increases opacity when you put your cursor over it. Right now i applied a transparent background to a navigation cell from an external style sheet, like so:
.navcell{
width:150px;
height:40px;
text-align:center;
background-image:url("images/test.jpg");
opacity: 0.2;
}
i tried to add the onmouseover and onmouseout attributes to this style sheet, but it didnt seem to work. is this possible? can you suggest any other solutions?