Menu
As the titles says, my css works fine locally when using ie9, but when deployed to IIS7 the border-radius and box-shadow is not applied, although works fine with ff4 and Chrome.
.blabla
{
-moz-border-radius:10px;
border-radius: 10px;
box-shadow: 3px 3px 10px #000000;
height: 101px;
margin: 5px;
width: 225px;
cursor:pointer;
background:url('./Content/images/background.png') scroll 0 0px no-repeat;
}
I'm working with an MVC3 project, which has the <!DOCTYPE html> already in. It did not work locally originally when using border-radius: 10px 10px 10px 10px; I changes it to only mention 10px once and that made the trick (and also made the box-shadow working) but it's still not working when deployed. Any ideas?
Edit: I checked in IE's developers tool, the border-radius is there locally but does not show up when deployed, which explains why it's not working... the question is why is it not displayed?
EDIT2: I noticed something else... My doctype while written correctly in my code: <!DOCTYPE html> is shown as disabled in the browser: <!-- DOCTYPE html --> Still can't figure how to fix it.
EDIT3: I created a normal ASPX Web Application, same issue. Works locally but on IIS7 the doctype is commented...
393
I was struggling with the same issue. But I just found my answer. It was IE's "Compatibly View".
Show Command Bar > Page > Compatibility View Settings.
For my particular issue, it was a defaulted check box "Display intranet sites in Compatibly View".
171
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
