Old 06-04-2006, 12:02   #1 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 4,853
transparency

Just a quickie, it would be nice to add some subtle transparency to some suckerfish dropdowns i have... whats the simplest javascript to go about this?

If its too much hassle and bloat then I won't bother, but I currently have a massive white dropdown over some lovely colourful images which looks dull as shite, being able to just make them out would be a design bonus.
  Reply With Quote
Old 07-04-2006, 04:29   #2 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 4,853
Or I could just use this simple CSS:

http://www.domedia.org/oveklykken/css-transparency.php

doh.
  Reply With Quote
Old 07-04-2006, 09:15   #3 (permalink)
finbarr
who the fuck am i?
 
finbarr's Avatar
 
Join Date: Apr 2005
Location: london
Posts: 2,508
Send a message via MSN to finbarr Send a message via Skype™ to finbarr
I'll ask this question here as it relates to transparency... it n=may be a stupid q but here goes

If I have a png logo thats inserted into my html page can its transperency for IE still be defined in the css? If not how can I go about it?
  Reply With Quote
Old 07-04-2006, 10:34   #4 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 4,853
You can fix PNG transparency using the IE7 javascript pack... although I think there may be a cleaner more updated way of doing it now?
  Reply With Quote
Old 11-04-2006, 16:09   #5 (permalink)
transparent_opacity
funkin idiot
 
transparent_opacity's Avatar
 
Join Date: Aug 2004
Location: Preston
Posts: 238
Quote:
Originally Posted by Dusteh
You can fix PNG transparency using the IE7 javascript pack... although I think there may be a cleaner more updated way of doing it now?

Fix PNG's in the page:
http://homepage.ntlworld.com/bobosola/


Fix PNG Backgrounds:

Code:
*html div.item { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale'); }

You will have to add a line in the CSS to z-index all interactive items (a, input, textarea etc.) up a level, IE behaves funny otherwise
  Reply With Quote
Old 12-04-2006, 04:06   #6 (permalink)
finbarr
who the fuck am i?
 
finbarr's Avatar
 
Join Date: Apr 2005
Location: london
Posts: 2,508
Send a message via MSN to finbarr Send a message via Skype™ to finbarr
Quote:
Originally Posted by cw_w3dgk
Fix PNG Backgrounds:

Code:
*html div.item { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale'); }

invalid css surely tho'?

edit: oh and the link you provided was the way Ive used... thanks anyway
  Reply With Quote
Old 12-04-2006, 08:42   #7 (permalink)
stickmus
hmmm...
 
stickmus's Avatar
 
Join Date: Jan 2004
Location: Yorkuk
Posts: 2,127
just bung it in one of them ie comment code jobbies and you're laughing.
  Reply With Quote
Old 12-04-2006, 08:54   #8 (permalink)
finbarr
who the fuck am i?
 
finbarr's Avatar
 
Join Date: Apr 2005
Location: london
Posts: 2,508
Send a message via MSN to finbarr Send a message via Skype™ to finbarr
Quote:
Originally Posted by stickmus
just bung it in one of them ie comment code jobbies and you're laughing.
excellent description
  Reply With Quote
Old 12-04-2006, 08:59   #9 (permalink)
stickmus
hmmm...
 
stickmus's Avatar
 
Join Date: Jan 2004
Location: Yorkuk
Posts: 2,127
Haha, yeah, I can never remember the name or the syntax without looking it up.

Conditional comments:
Code:
<!--[if lt IE 7]> <style type="text/css"> @import url(ie.css); </style> <![endif]-->
  Reply With Quote
Old 12-04-2006, 09:20   #10 (permalink)
finbarr
who the fuck am i?
 
finbarr's Avatar
 
Join Date: Apr 2005
Location: london
Posts: 2,508
Send a message via MSN to finbarr Send a message via Skype™ to finbarr
Quote:
Originally Posted by stickmus
Haha, yeah, I can never remember the name or the syntax without looking it up.

Conditional comments:
Code:
<!--[if lt IE 7]> <style type="text/css"> @import url(ie.css); </style> <![endif]-->
I knew what you meant, S... just thought the way you put it was genius
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8