Rounded corners and IE10

I just hate the fact that people are still using internet explorer. I had to test my site for the new IE  anyway today. Guess what? Rounded corners don't work. You see weird white dots on the corners. I had to set border-radius to zero in my CSS. I looked up everywhere on the net and I could not find a good solution. Since rounded corners come by default with Dolphin, I hope someone can give me a suggestion here. 

Thanks.

Quote · 27 Sep 2013

in common.css - this is what I have for rounder corners on my page blocks.  I have tested in IE and it looks to be working properly for me.

.disignBoxFirst {
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

caredesign.net
Quote · 27 Sep 2013

Border Radius in IE is affected by compatibility mode. Make sure it is off. It's default setting.

https://www.deanbassett.com
Quote · 27 Sep 2013

 

Border Radius in IE is affected by compatibility mode. Make sure it is off. It's default setting.

You have to tell your members that complain of any issues to turn off compatibility mode in IE.

Geeks, making the world a better place
Quote · 27 Sep 2013

 

 

Border Radius in IE is affected by compatibility mode. Make sure it is off. It's default setting.

You have to tell your members that complain of any issues to turn off compatibility mode in IE.


It normally would be off. They would have had to turn it on themselves, and if there was a way to get a website to force it off so you don't have to tell your member that, then that would be nice, but as far as i know, there is not. That's IE for you. Microsoft doing things their own way.




https://www.deanbassett.com
Quote · 27 Sep 2013

Actually just found out this line in the page headers

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Is suppose to tell IE to run in the highest mode available. Which dolphin 7.1 puts that in. But apparent it can still be over ridden by the user.



https://www.deanbassett.com
Quote · 27 Sep 2013

Well my IE does not run in the compatibility mode. The border-radius is somehow messed up always on the left portion of the inputs. 

In the following article it explains this issue: http://blogs.atlassian.com/2012/11/rounded-corners-and-gradients-in-ie10-the-4-missing-pixels/

Unfortunately, I could not seem to reduce these white spots based on their suggestions :-(

Quote · 27 Sep 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.