Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
Not registered?
  Forum Statistics:
Forum Members: 24,471
Total Threads: 71,110
Total Posts: 537,060
There are 113 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Transparent PNG as a Mask

Thread title: Transparent PNG as a Mask
Reply  
Page 2 of 2 < 1 2
    Thread tools Search this thread Display Modes  
02-07-2010, 04:10 PM
#11
metarocket is offline metarocket
Status: I'm new around here
Join date: Feb 2010
Location: Plymouth, United Kingdom
Expertise:
Software:
 
Posts: 12
iTrader: 0 / 0%
 

metarocket is on a distinguished road

  Old

It never worked if I tried that, pretty odd. The image seemed to have a higher precedence regardless of the z-index.

Reply With Quote
02-07-2010, 09:49 PM
#12
Gaz is online now Gaz
Gaz's Avatar
Status: Community Administrator
Join date: Apr 2007
Location: UK
Expertise: Design & Code
Software: Photoshop & Coda
 
Posts: 1,725
iTrader: 24 / 100%
 

Gaz is on a distinguished road

Send a message via MSN to Gaz

  Old

You'd want it to have precedence, surely? As you'd want the image to be on top of the "mask"?

Reply With Quote
02-07-2010, 09:53 PM
#13
metarocket is offline metarocket
Status: I'm new around here
Join date: Feb 2010
Location: Plymouth, United Kingdom
Expertise:
Software:
 
Posts: 12
iTrader: 0 / 0%
 

metarocket is on a distinguished road

  Old

Well the mask would need to be on top (using this technique). It's merely a border with a big transparent whole in the centre.

I've settled for a different technique now. Using the "mask" image as a background, and laying the other image on top. Then using the CSS3 radius-border properties to round the images to the right shape. IE users don't deserve round corners.

Reply With Quote
02-07-2010, 11:26 PM
#14
Gaz is online now Gaz
Gaz's Avatar
Status: Community Administrator
Join date: Apr 2007
Location: UK
Expertise: Design & Code
Software: Photoshop & Coda
 
Posts: 1,725
iTrader: 24 / 100%
 

Gaz is on a distinguished road

Send a message via MSN to Gaz

  Old

Originally Posted by metarocket View Post
Well the mask would need to be on top (using this technique). It's merely a border with a big transparent whole in the centre.

I've settled for a different technique now. Using the "mask" image as a background, and laying the other image on top. Then using the CSS3 radius-border properties to round the images to the right shape. IE users don't deserve round corners.
That's the technique I was trying to get you to use

Reply With Quote
02-07-2010, 11:31 PM
#15
metarocket is offline metarocket
Status: I'm new around here
Join date: Feb 2010
Location: Plymouth, United Kingdom
Expertise:
Software:
 
Posts: 12
iTrader: 0 / 0%
 

metarocket is on a distinguished road

  Old

Yeah, it's definitely a better technique.

Reply With Quote
Reply  
Page 2 of 2 < 1 2


Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed