Home/ Questions/Q 625207
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T19:17:05+00:00

I am making a website that uses nothing but jquery-ui for theming. Well, in

  • 0

I am making a website that uses nothing but jquery-ui for theming.

Well, in my application I need to do alternating colors per row on a list. Right now all of the rows are just the color of .ui-widget-content. Well, I can apply a class on alternating rows with no problem, but I want for the alternating color to be a very transparent version of the background color in .ui-widget-header. How would I do this using nothing but html jquery and CSS? (I’m really hoping to not have to use javascript in order to do this little trick though)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The easiest way to do this is to create a small flat image in Photoshop, Fireworks,GIMP,Kreta etc. and set the color / opacity there. The above solutions will allow for transparency but they are

    1) Not standards-compliant and

    2) They May cause the text contained in the div to also be transparent (usually an undesirable result in design).

    So… 

    .ui-widget-content-alt {
background: transparent url(images/my_80%transparent_black_bg.png) top left repeat;
}
.ui-widget-content {
background: transparent url(images/my_80%transparent_white_bg.png) top left repeat;
}
    • 0