6

以下のようなプロパティを使用するcssクラスがいくつかあります。

.rfs_left_btn
{
width: 176px;
height: 20px;
background: #fefefe;
background: -moz-linear-gradient(top,  #fefefe 0%, #fafafa 48%, #f1f1f1 50%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(48%,#fafafa), color-stop(50%,#f1f1f1), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #fefefe 0%,#fafafa 48%,#f1f1f1 50%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #fefefe 0%,#fafafa 48%,#f1f1f1 50%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #fefefe 0%,#fafafa 48%,#f1f1f1 50%,#e9e9e9 100%);
background: linear-gradient(top,  #fefefe 0%,#fafafa 48%,#f1f1f1 50%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* Drop shadow*/
-webkit-box-shadow: 0px 1px 1px #cecece;
-moz-box-shadow: 0px 1px 1px #cecece;
box-shadow: 0px 1px 1px #cecece;
margin-bottom: 5px;
}

以下のようなStyleBundleを作成する場合:

StyleBundle bundle_cssSession = new StyleBundle("~/Css/bundle_session");
bundle_cssSession.Include("~/Styles/_catalog.css");   

System.Web.Optimization.Styles.Render( "〜/ Css / bundle_session")は、次のエラーで失敗します。

/*縮小に失敗しました。縮小されていないコンテンツを返します。(2196,14):実行時エラーCSS1036:予期された式、「0」が見つかりました * /

複数の「背景」プロパティを削除すると(そしてそのうちの1つだけを残すと)、縮小が機能します。

上記のようなCSS3プロパティでStyleBundleを使用するための解決策はありますか?

ありがとうございました。

4

2 に答える 2

3

Optimization 名前空間には、CSS3 で失敗する原因となる既知のバグがあります。バグレポートはこちらこちらです。私が提供できる唯一のアドバイスは、それらを自分で圧縮し、最適化されたコンテンツを提供するときに使用する .min ファイルをスタイル バンドルに与えるか、別の縮小方法を使用することです。

于 2013-01-10T17:09:34.733 に答える