Modernizr Enabling WordPress
- REFUNDED
I have changed this question, as it seems CSS3 PIE is something nobody here knows much about. I would like to get [[LINK href="http://www.modernizr.com/"]]Modernizr[[/LINK]] to work on my site which will allow CSS3 elements in non-CSS3 compatible browsers. Alternatively, if you can get [[LINK href="http://css3pie.com/"]]CSS3 PIE[[/LINK]] (the javascript version) to work for me that would be just fine.
I put this in the header:
<script src="http://lucaswynne.com/wp-content/themes/Topper/scripts/modernizr-1.6.min.js" type="text/javascript"></script>
Then added the no-js class to the HTML and it just doesn't want to work in IE.
What am I missing in my code? I know very little PHP.
Helpful Links
[[LINK href="http://www.tutorialspoint.com/html5/html5_modernizr.htm"]]http://www.tutorialspoint.com/html5/html5_modernizr.htm[[/LINK]]
[[LINK href="http://projects.ischool.washington.edu/tabrooks/343INFOAutumn10/modernizr/modernizr.htm"]]http://projects.ischool.washington.edu/tabrooks/343INFOAutumn10/modernizr/modernizr.htm[[/LINK]]
Answers (3)
Bob answers:
A relative path will not work, you can use a full path like http://www.yoursite.com/path to htc
Or you must import the style-sheet in your header using bloginfo(‘template_directory’).
For instance in your header you put
<style type="text/css" >
.count { behavior : url(<?php bloginfo('template_directory'); ?>/path/to/PIE.htc; }
</style>
Lucas Wynne comments:
Although I realize the path matters, I now have a direct path setup and it's not working.
Jimish Gamit answers:
change http://www.lucaswynne.com to http://lucaswynne.com in style.css
.count { display:block; clear:both; font-weight:normal!important; font-size:10px; float:right; padding:9px 14px 8px 14px; margin:6px 0 0 15px; border:4px solid #E2E2E2; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; behavior: : url(http://lucaswynne.com/wp-content/themes/Topper/scripts/PIE.htc) }
Lucas Wynne comments:
Doesn't work.
Tom Ransom answers:
Modernizr and PIE are not two solutions to the same issue. You can install PIE but it will take a simple plugin to implement. Modernizr creates classes so that CSS can be adapted to the features available within a browser.
You might want to open another question to get the plugin developed.