Menu doesn’t show gradient and round corners properly on drop down menu for IE (all versions).
Is there anyone who can assist me with this?
Code? Link? Example?
Border-radius and gradient are not working on lower than IE9. You can try http://css3pie.com/ for radius and Gradient on IE8 and lower. An other exemple: http://thedevstop.wordpress.com/2012/01/26/css-gradients-in-ie6-ie7-ie8using-css3-pie-to-fill-the-gap-in-legacy-browsers/
Still having the same issue :(
You will need to make 2 changes:
1) The path to pie.htc should be relative to html – not css.
So, your code in css will be behavior:url(css/pie.htc);
2) When you are applying pie to an element, it needs to have position – relative or absolute.
Let me know if that helps. Thanks. :)
Im sorry but what do you mean by the path to pei.htc should be relative to html?
Eg. If you were to write the path of pie.htc in HTML, it would be “css/pie.htc” (assuming pie.htc is in css folder.) The same path should be given in CSS.
The html and the css are the same but it’s still not working and I have any idea what I’m doing wrongly. .. Could you assist me?
I meant have the same path but it’s still not working properly and I don’t have any idea what …
It would be great if you can send the file to me. It will help a lot.
@Krish1980, pie.htc can work on server as well.. The page is an HTML page – not php.
If it was for Drupal, we need full path to the .htc file.
@StillLearning, I just figured out you have put your PIE.htc in js folder. So, you should change your path in css to:
And dont forget applying position: relative / absolute to your elements.
Is it right to link the html file as follow?
You must be logged in to reply to this topic.