Forums
View unanswered posts | View active topics It is currently Mon Sep 01, 2014 7:55 pm



Reply to topic  [ 3 posts ] 
 Border-image transparency 
Author Message

Joined: Wed Jul 28, 2010 11:39 pm
Posts: 2
Post Border-image transparency
Hello from France (and sorry for my bad english),

Congrats for CSS3Pie witch is a very good tool !

I discovered a little bug with the border-image emulation on Internet Explorer : it seems that PNg transparency doesn't work on IE, even on IE8

Here's an exemple :
http://www.ie7nomore.com/fun/border-image/

Did I miss something, or done something wrong ?

Have a nice day,

Raphaƫl


Wed Jul 28, 2010 11:42 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Border-image transparency
Thanks very much for the excellent testcase!

I don't think this is an issue with transparency. The PNG transparency seems to be getting rendered just fine. However there are some other issues making it look bad:

1) There seems to be a PIE bug where it still tries to render the solid border even when border-image is specified, whereas it should discard the border. I've opened ticket http://github.com/lojjic/PIE/issues/issue/51 to get that fixed.

2) For your second demo, it is missing the 'fill' keyword to tell it to fill in the center of the border-image like a background. The CSS3 spec requires this keyword, though other browsers don't seem to enforce that yet. PIE follows the spec.

3) On the paragraphs I see the top-right and bottom-right slices are shifted to the right by 1px. This looks like a PIE bug; I've opened ticket http://github.com/lojjic/PIE/issues/issue/52 to track it.

Those are the issues I see. Is there anything else you've found?


Thu Jul 29, 2010 7:16 am
Profile

Joined: Wed Jul 28, 2010 11:39 pm
Posts: 2
Post Re: Border-image transparency
jason wrote:
2) For your second demo, it is missing the 'fill' keyword to tell it to fill in the center of the border-image like a background. The CSS3 spec requires this keyword, though other browsers don't seem to enforce that yet. PIE follows the spec.

OK, actually neither Mozilla nor Chrome understand "fill" keyword (in my tests), so I have to write the code so to work :

-moz-border-image: url(tab.png) 0 45 stretch;
-webkit-border-image: url(tab.png) 0 45 stretch;
border-image: url(tab.png) 0 45 fill stretch;

This seems to work.

jason wrote:
Is there anything else you've found?
Not yet, thank you :)


Thu Jul 29, 2010 7:51 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.