Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-15-2011, 06:23 PM   PM User | #1
joebop
New to the CF scene

 
Join Date: Feb 2011
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
joebop is an unknown quantity at this point
Image Transparency vs. Column Transparency Discrepancy

Hi there.

First post on the CodingForums.com I hope you can help.
Basically I use the Wordpress framework on my site and have recently activated a new theme which has undergone a fair amount of editing in order to create the look I currently have.

I wanted to include the two transparent column and they look great, however the images in the individual posts in the columns are transparent at the same ratio as the column, so therefore, somehow, I need to change this. I can't really see any logical way around it and I posted this question in the wordpress.org forums and go no luck in responses so if you're able to help that would be great. I don't really want to loose the sidebar transparency tho! I'm sure it's something fairly simple but I can't get my head around it.

The best page example is here: http://bit.ly/aVtKEo - there are plenty of images so you can see how it's all effecting it!

Any help you can provide would be great thanks!

Joebop
joebop is offline   Reply With Quote
Old 02-15-2011, 09:09 PM   PM User | #2
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
Presumably you used the opacity CSS property, which will prevent you from restoring to full opacity.
You can work around this in two ways:
(Better supported) use a semi-transparent PNG-8 as a backgground
(Worse supported) use an rgba() color point with an alpha channel (fourth number) that is below one as a background color.
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Old 02-16-2011, 07:22 PM   PM User | #3
joebop
New to the CF scene

 
Join Date: Feb 2011
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
joebop is an unknown quantity at this point
Hi Apostropartheid,

Used your solution and it has worked like a charm! I knew it would be something really simply so thanks so much for your time!

Joebop!!!
joebop is offline   Reply With Quote
Reply

Bookmarks

Tags
column, image, transparency, wordpress

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 12:17 AM.


Advertisement
Log in to turn off these ads.