child theme and IE
-
It appears that my child-theme doesn’t work wit IE9, and IE8. All the changes that are made in my child theme are not visible in IE (the are visible in Safari and Firefox)
My child theme:
/*
Theme Name: Graphene Child
Theme URI: http://www.fastforwardandrewind.com
Description: Child theme
Author: Ricardo
Author URI: http://www.fastforwardandrewind.com
Template: graphene
Version: 1.0
*/
@import url("../graphene/style.css");
/* Your modification goes here */
.entry-content img, .child-page img {
border: medium none;
margin: 5px;
}
.featured_slider{
background: -moz-linear-gradient(left top, #972b01, #ea5c24);
background: -webkit-gradient(linear, left top, right bottom, from(#972b01), to(#ea5c24));
background: linear-gradient(left top, #972b01, #ea5c24);
-pie-background: linear-gradient(left top, #972b01, #ea5c24);
}
.sidebar h3{
background:#3C9CD2;
background:-moz-linear-gradient(#ea5c24, #dc3e00);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ea5c24), to(#dc3e00));
background:linear-gradient(#ea5c24, #dc3e00);
-pie-background: linear-gradient(#ea5c24, #dc3e00);
border-bottom:1px solid #ea5c24;
}
.block-button, .block-button:visited {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 0px solid #CCCCCC;
display:block;
font:bold 12px arial;
text-decoration:none;
padding:5px 15px 6px 15px;
color:#FFFFFF;
text-shadow:0 -1px 1px #000000;
margin-top:10px;
position:relative;
float:right;
-moz-box-shadow: 2 2 2px #333333;
-webkit-box-shadow:2 2 2px #333333;
box-shadow:2 2 2px #333333;
background:#ea5c24;
background: -moz-linear-gradient(#ea5c24, #dc3e00) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ea5c24), to(#dc3e00));
background:linear-gradient(#ea5c24, #dc3e00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3e00', endColorstr='#dc3e00'); /* for IE */
-pie-background: linear-gradient(#ea5c24, #dc3e00);
}
.block-button:hover{
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
background:#972b01;
background:-moz-linear-gradient(#972b01, #dc3e00);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#972b01), to(#dc3e00));
background:linear-gradient(#972b01, #dc3e00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#972b01', endColorstr='#dc3e00'); /* for IE */
-pie-background: linear-gradient(#972b01, #dc3e00);
}Is there a problem with my coding?
Call Bill 🙂
No okay – different IE versions & CSS isnt best mix. Have You tried IE9 compability mode.
But then again look at this post, you are missing some lines:
Edit: And if You Want to try: http://browsershots.org/
Kim
Well, I uploaded my style.css here:
http://www.nørrebo.dk/bbpress/topic.php?id=5
Slider in second style.css is for posts background pictures & excerpt 🙂
Kim
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.