[SOLVED] border-radius.htc for round corners in IE
Hi there,
First I want to say I love your theme! I have used it for a couple of sites and have been really pleased at how easy it is to work with. I find myself today with an issue that can be solved by knowing where the css lives exactly. I want to use this border-radius.htc that allows rounded corners in IE. The information I am follow is from here http://jonraasch.com/blog/css-rounde...n-all-browsers He states "The path to border-radius.htc works differently than you may expect—unlike background-image paths which are relative to the stylesheet, this path is relative to the page from which you call the CSS. That’s why it’s a good idea to avoid relative paths like we did above." and he demos this path in css Code:
.rounded-corners { Any help integrating this would be very appreciated! the url to the site I am working on is http://50.22.80.91/~drblack/wp/ If this post sounds disjointed forgive me I have been awake working for a while! Thank you for your time and a most excellent theme! Bonnbonn |
ok I guess being blurry eyed and stubborn does pay off lol :) Uh I guess this is self solved too!
I figured it out and here is what I did for those also wanting to fix this, I have IE7 and cannot test it in other versions so I hope it looks right in them. I placed the css under style posts and pages in the top section post container. Code:
behavior:url('<?php bloginfo('template_directory'); ?>/border-radius.htc'); under style and configure layout container, Layout Container Style section I have this in the css to make sure the image is at the back and not covering up the post background and border ( this was the first problem I ran into was that the post would flash border and background and then go away) Code:
position: relative; z-index 0; BonnBonn |
All times are GMT -6. The time now is 07:01 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.