twitter bootstrap - CSS3 + HTML5SHIV + CSS3PIE Border-radius NOT working on IE8 but working on IE7,9,10 -
the site i'm working - http://www.quickseorankings.com/dev/, built with:
- twitter bootstrap
- html5 + css3
- html5shiv
- css3pie
issue: border-radius @ navbar link(active) not working on ie8 css3pie. working on ie7,9,10 (using browserstack testing)
css location: /css/
css3pie htc file location: /root/ same location index.html
htc coded as: behavior: url(pie.htc);
fix attempt #1:
behavior: url(/pie.htc); , behavior: url(../pie.htc);tried using php 1 -
behavior: url(pie.php); behavior: url(/pie.php);fix attempt #2added htaccess:
addtype text/x-component .htc fix attempt #3 used:
http://fetchak.com/ie-css3/ - htc solutions different approach vs css3pie. still didn't work..fix attempt #4 added: -pie-border-radius: 10px; not working.
fix attempt #5 added: position:relative !important; zoom:1; z-index:0 !important nothing...
followed other fix on forum, still didn't work.. appreciate help!
fix suggestion scottsimpson: isolation test, plain html no tbs, here-s page test - http://www.quickseorankings.com/pie/ ones on top button css3pie (didn't work).. bottom part button fetchak ie-css.htc quite working.. now, lead near problem.. question is, tbs causing .htc not load properly? or tbs overwriting it? did, !important values..hmmmm..
winner pjumble : i'm using pie.htc (pie 2.0 beta 1) needs have file - pie_ie678.js everything's working... thank pjumble!
you're using pie 2.0 beta, .htc file pie 2.0 loads external javascript file pie_ie678.js. need upload pie_ie678.js server , inform pie javascript file located.
the easiest way add pie_ie678.js file same directory pie.htc , use absolute url pie.htc file in css file, e.g:
behavior: url('http://www.quickseorankings.com/dev/pie.htc'); and directory structure need be:
quickseorankings.com/ dev/ pie.htc pie_ie678.js note: don't manually load of pie .js files, .htc file loads additional javascript files you.
Comments
Post a Comment