I've been working on some buttons using css3 effects such as border-radius, box-shadow, and linear-gradient. For IE8 and lower, I'm using PIE to create the desired effect but it seems box-shadow works on IE8 without using PIE. Does IE8 actually support the box-shadow property?
According to caniuse.com box-shadow is not supported but it "can be partially emulated in older IE versions using the non-standard "shadow" filter." So, if you're using -ms-filter or filter as a fallback it will render in a visually similar manner to the CSS3 box-shadow declaration. If that is not the case then you should check to see if you are using another polyfill to generate box-shadow support.
You can use IE8's developer tools to see exactly what styles are being recognized and rendered.
Related
I'm having a heck of a time getting a map to render properly in IE8 or IE compatibility mode. I've tried examples and demos, I've changed maps multiple times... All features seem to work and look great except IE compatibility mode or antiquated versions of IE. Maps ARE rendering on IE8 or below on the jvectormap website just not for the examples offered.
I've even gone as far as trying to replicate the maps on http://jvectormap.com, linking right to it's JS files. Still nothing.
Thanks so much for your time.
I reviewed the link you gave. The only issue I see is an absence of region border in IE8 or compatibility mode. The problem behind this is inability of VML engine to render borders with fractional width. Setting border as 1 makes the example work as expected.
Kendo UI docs state that Dataviz is supported on IE7+ (see http://docs.telerik.com/kendo-ui/getting-started/dataviz/supported-browsers). However, I was not able to run the examples on IE7 (actually IE11 running in IE7 mode), e.g. this one: http://demos.telerik.com/kendo-ui/area-charts/index. It appears that the visualization widgets use SVG which is not supported on IE7. So is the Kendo UI documentation wrong about supported browsers? What is even more surprizing is that the same example runs fine in IE8 mode - I don't know how, because IE8 does not support SVG either!
I found that Kendo UI switches to VML for IE7/8. So all features work on those browsers. Also, there is some issue with running IE7/8 under emulation mode. On real IE7/IE8 the demos work fine.
When I run the Kendo Chart in IE9, everything works fine. But in IE8, the design is not as good as in IE9. Means X-axis and Y-axis value is not displayed properly in IE8.
Thanks...
IE can be very sensitive to the options that map to CSS attributes. For example, font settings must be with valid CSS syntax, otherwise the rendering is aborted.
Please try to exclude any non-essential options from the chart configuration to see if that helps.Please refer this link for further Information
From my experience all chart's basic functionality works properly in IE8. However, to get the width right, sometimes you'll need to set the width when initialising the chart using HtmlAttributes.
Example:
#(Html.Kendo().Chart<MyModel>()
.Name("chart")
.HtmlAttributes(new { Style = "width:400px;" })
.Etc...
)
What Telerik says:
Supported Browsers
Browser Supported versions
Internet Explorer 9 and later
Chrome 21 and later
Firefox 24 and later, ESR
Opera 15 and later
OS X Safari 5 and later
iOS Safari 4 and later
Chrome for Mobile 4 and later
Browsers with limited support
Internet Explorer 6, 7 and 8 are supported with the following
limitations:
PDF export is not supported.
Image export is not supported.
64-bit versions do not support text rotation.
Pie and donut charts don't have gradients
Internet Explorer 10 does not support dashed lines in canvas. This affects the exportImage as well.
Android 2.x will use non-interactive canvas output
I like the new New Project templates included in the ASP.NET MVC3 tools update, as presented at MIX 11 recently.
A basic site can be seen here:
http://mix11.haacked.com/
When I view the above site in Chrome, the HTML5 styles are visible - rounded corners and text shadow.
When I view the site in IE8 those styles aren't visible.
My question is, isn't Modernizr supposed to make these styles work in older browsers?
-Matt
Modernizer won't actually add missing functionality to a browser. Basically, you use it as a guide to tell you whether a browser supports a certain feature. In your case, you could have a CSS file which will compensate for browsers that don't support border radius:
.no-borderradius div {
/* properties for browsers that don't support border-radius */
}
The above is a total made-up example, I'm not sure 100% if it's correct, but check the documentation here.
So for IE8, you would need to display rounded corners using a different technique.
They look great in FF, Safari, but the social media icons don't render correctly in IE.
http://www.erisdesigns.net/STAGE/ED1.3/
Is this an IE problem, or something to do with how I'm creating the .pngs?
There's a pngfix javascript add-on you can trigger with an IE conditional statement.
PngFix
<!--[if lt IE 7.]>
I think that it's because you use transparency. Although it isn't as clean as the current solution, you should maybe make everything opaque.