WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Creating Semi-transparent input fields

Reply
  Thread Tools Display Modes
Old 3rd September 12, 10:43 PM   #1
tomsimon
WLC Member
 
Join Date: Sep 2012
Posts: 2
Default Creating Semi-transparent input fields

I have been trying for days to find [ATTACH=CONFIG]60589[/ATTACH]a method that will show text input fields and select drop-downs with transparency (about 70% - I already have the transparent PNG). The thread at http://www.sitepoint.com/forums/show...as-transparent comes close, but my submit button (image) has a transparent PNG behind it which looks bad. Also, I need the select drop-downs to have this transparency if possible. I don't know if this will also work for radio buttons and check boxes, but that would be super.

Basically, I want the background to show through, but have a little of the white color of the input fields to show. It needs to work across all browsers, but ancient browsers can just degrade to white.

Any ideas? It's amazing how little information is available on how to do this.

Thanks!

Tom
tomsimon is offline   Reply With Quote
Old 4th September 12, 03:11 AM   #2
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,134
Default Re: Creating Semi-transparent input fields

Just use CSS: http://www.w3schools.com/css/css_image_transparency.asp
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Old 4th September 12, 05:50 PM   #3
tomsimon
WLC Member
 
Join Date: Sep 2012
Posts: 2
Default Re: Creating Semi-transparent input fields

Thanks for the idea. I am doing that, but my submit button (image) also shows a transparent box behind it. I am trying to remove that.

I am also trying to style drop-downs, radio buttons and check boxes, but they don't style too well.
tomsimon is offline   Reply With Quote
Old 4th September 12, 09:33 PM   #4
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,134
Default Re: Creating Semi-transparent input fields

Only put on the specific objects you want transparent, not the entire form.
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

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. The time now is 05:30 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyright© 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.