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