PIE.htc を利用したIE下位バージョン向けサンプル

linear-gradient のサンプル

サンプルコード

<style>
.smaple	{
	border:1px solid #ccc;
	padding:20px 10px;
	text-align:center;
	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe) to(#ededed));
	background: -webkit-linear-gradient(top, #fefefe, #ededed);
	background: -moz-linear-gradient(top, #fefefe, #ededed);
	background: -o-linear-gradient(top, #fefefe, #ededed);
	background: linear-gradient(to bottom, #fefefe, #ededed);
	-pie-background: linear-gradient(top, #fefefe, #ededed);

	position:relative;	
	behavior:url(../../../wp-content/themes/webantena/_common/modules/ie/PIE/PIE.htc);
}
</style>
<div class="smaple">linear-gradient のサンプルです。</div>

linear-gradient のサンプル


linear-gradient のサンプルです。