0

Is there a way to have the background image of a divider to have it's opacity changed without the text being affected? The website I'm working on is ubertechnews.com for the category backgrounds on the front page. Very annoying.

The specific code looks like this:

.recent-cat .entry.orange h3 {
background: #e8af00;
width: 207px;
text-shadow: 1px 1px 1px #c19100;
opacity: .6;
richschider
  • 3
  • 3
  • If the element is given an opacity the text inside it will be affected. You can either use an image with opacity and set it a background or you can have a sibling to h3 and position it such that it is behind the h3. – anpsmn Apr 04 '13 at 06:21

1 Answers1

0

I am not sure if you are talking about a background image or background color like in your css, but you can do rgba() if it is a css3 browser(not internet explorer 8 and below).

 .recent-cat .entry.orange h3 {
 background: rgba(232,175,0,0.6);
 width: 207px;
 text-shadow: 1px 1px 1px #c19100;
 }
jacksonfiverniner
  • 94
  • 7