ie10 filter dx gradient not supported

Posted: March 7, 2014 in web

Solution:

This is using LESS mixins.

.gradient-linear-vertical (@beginColor, @endColor, @beginStop: 0%, @endStop: 100%) {
	background: -moz-linear-gradient(@beginColor @beginStop, @endColor @endStop);
	background: -webkit-linear-gradient(@beginColor @beginStop, @endColor @endStop);
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr="@beginColor~", endColorstr="@endColor~")";
	background: linear-gradient(@beginColor,  @endColor); //for ie10, it does not support filter DX anymore
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s