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



Reply to topic  [ 3 posts ] 
 PIE does not work for hovering a masked menu 
Author Message

Joined: Tue Sep 25, 2012 4:33 am
Posts: 2
Post PIE does not work for hovering a masked menu
i am using HTC to mask my menu this way:
Code:
<div class="navi pie">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>

Now i apply border-radius and pie.htc to .navi only:
Code:
.navi {
   margin:40px 0 0 0;
   width:670px;
   background:#CCC;
   height:50px;
   overflow:hidden;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;}
.pie {
   behavior: url([[uploads_url]]/template/scripts/PIE.htc);}


It works nice!
Attachment:
File comment: looks good
htc.png [12.64 KiB]
Not downloaded yet

except of when hovering the links. See screenshot attached please. any suggestions?!
Attachment:
File comment: hovering the right link
htc2.png [9.1 KiB]
Not downloaded yet


Tue Sep 25, 2012 4:38 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: PIE does not work for hovering a masked menu
PIE's border-radius implementation is not able to clip child elements to the radius. You'll have to apply the border-radius to the proper corners of the child links as well so their hover background doesn't stick out.


Tue Sep 25, 2012 11:44 am
Profile

Joined: Tue Sep 25, 2012 4:33 am
Posts: 2
Post Re: PIE does not work for hovering a masked menu
thank you jason. it was quite comfortable to clip the child elements. but okay. i will apply the effects to the elements directly


Wed Sep 26, 2012 8:59 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.