I have a box that includes text and images that I am applying opacity to when I hover over it. Here is the CSS that i used:

.box-main:hover{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

Is there any way to make the box have a blue tint with the opacity command? I would like the box to have a blue highlight when the mouse hovers over it.

I tried adding color to the css, but it just changed the text color, but did not affect opacity/transparency...

Any help would be greatly appreciated!

try background-color

That worked perfectly! Thank!