Forums
View unanswered posts | View active topics It is currently Sun Nov 23, 2014 9:59 pm



Reply to topic  [ 8 posts ] 
 Using CSS3 PIE for *JUST* Rounded Borders? 
Author Message

Joined: Thu Dec 02, 2010 1:24 pm
Posts: 4
Post Using CSS3 PIE for *JUST* Rounded Borders?
Hi everyone,

I was wondering if it were possible to make CSS3 PIE apply to just specific properties. For instance, if I have a div that uses border-radius and box-shadow, but I only want PIE to work with the border-radius. PIE would then ignore the box-shadow property.


Thu Dec 02, 2010 1:27 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Not sure why you'd want to do that, but...

PIE will use properties prefixed with -pie- in preference to the standard properties. So you could do something like:
Code:
box-shadow: #000 0 0 5px;
-pie-box-shadow: none;


Thu Dec 02, 2010 2:04 pm
Profile

Joined: Thu Dec 02, 2010 1:24 pm
Posts: 4
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Thanks!

The reason is that the box-shadow that PIE is producing in IE doesn't match what it looks like in Chrome or Firefox. It's not even close really. Additionally, a box-shadow that activates on hover isn't disappearing on mouseout.


Fri Dec 03, 2010 11:50 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Can you post an example of the box-shadow that's looking drastically different than other browsers? As of beta2 it should be pretty much identical.


Fri Dec 03, 2010 3:59 pm
Profile

Joined: Thu Dec 02, 2010 1:24 pm
Posts: 4
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Here it is. :)

Image
http://img196.imageshack.us/i/pieo.png/


Tue Dec 07, 2010 2:25 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Ah, yes. PIE doesn't support rgba colors for box-shadow with a blur radius yet. That makes sense. Thanks for the clarification.

BTW the IE9b issue should be solved if you upgrade to the new 1.0beta3 released yesterday. It now ignores IE9 and lets it handle things on its own.


Tue Dec 07, 2010 2:29 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Also you might be able to get it pretty close by using a light shade of gray (e.g. #CCC) instead of rgba black with a low opacity.

Regarding the :focus handling, that issue is known and tracked at https://github.com/lojjic/PIE/issues/issue/78


Tue Dec 07, 2010 2:33 pm
Profile

Joined: Thu Dec 02, 2010 1:24 pm
Posts: 4
Post Re: Using CSS3 PIE for *JUST* Rounded Borders?
Thanks for the reply. :)

Considering where I'm using the drop shadows at, rgba isn't actually necessary. So going with a simple light gray should be fine.


Tue Dec 07, 2010 3:16 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 8 posts ] 

Who is online

Users browsing this forum: Yahoo [Bot] 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.