body {background: url(http://i29.tinypic.com/20ue9fm.jpg) fixed; color: green;} #veohPage{ background: transparent;} .colRight .users-box:HOVER,.users-mid .users-box:HOVER {background: black; color: white;} .collection-head:HOVER, ul.tabs:HOVER, .tabContainer:HOVER{background:black}
Crazy new CSS trick for you, see it too!!!
I've been playing around with the "hover" code lately and it is so cool. Look at my page and place your cursor over my section boxes, comment box, and leave-a-comment box to see the effect. Basically the hover code is an additional overlapping section added to one already up and only appears when the cursor is placed over it, and its codes/effect/image will apply then. For example, adding a hover with a new image to sectionbody will produce an image over the section body only visible when you place your cursor over it. Works in Firefox and IE as far as I know, any IE users should tell me otherwise.
Reply to this Topic.sectionBodyComments:hover{ background-image: url( ); }
yeah i tried this out and its not that hard to work with cuz i'm sticking with the simple stuff, but yeah i'm still new to css too
Additional info: in this case it would follow the .sectionBodyComments section of code, and as its own separate section of code in your CSS. You can change the section's name to follow any other section, and also add things like background image codes so those images appear over the section with the cursor. Try this on your page to see for yourself, just add your image code to the parenthesis. If you have the translucent code, you can apply that for a cool effect over your boxes.