Degradations by Feature

The following sections describe the degradations for older Browser versions, such as FireFox 3.6 or Internet Explorer 8 (IE8).

Rounded Corners

IE8 and lower versions of IE do not support the CSS property border-radius. As a result, controls in themes that use this property have square corners instead of rounded corners.

In the UX theme this affects the following controls:

Button
ComboBox
DatePicker and its popup
DropdownBox
ListBox
MessageBar
Panel
ProgressIndicator
TextArea
TextField

Button in FireFox 3.6	Button in Internet Explorer 8

Box Shadow

IE 8 and lower versions of IE do not support the CSS property box-shadow. As a result, controls in themes that use this property do not have a shadow. This property is usually used to enhance a 3D effect, for example, along vertical edges or to drop a shadow for a box "floating" above other content, which is used for all kinds of popup windows.

In the UX theme, this affects the following controls:

Button(3D)
ComboBox(Popup)
DatePicker(Popup)
DropdownBox(Popup)
Menu(Popup)
MenuButton(Popup)
MessageBar(+Popup)
ProgressIndicator(3D)
RichTooltip
TextArea(3D)
TextField(3D)
Toolbar(OverflowMenu)

ComboBox in FireFox 3.6	ComboBox in Internet Explorer 8

Background Size

IE 8 and lower versions of IE do not support the property background-size which allows to stretch a background image or gradient.

This affects the Button control.

Button in FireFox 3.6	Button in Internet Explorer 8

Gradient Backgrounds

IE8 only supports gradients in a limited way, so some gradients may be missing.

This affects tables. In the example, compare the table header and row selectors.

Gradient Background in FireFox 3.6	Gradient Background in Internet Explorer 8

Native Scrollbars

For native scrollbars, see the ComboBox example in the Box Shadow section.