Css3pieのサポート

Question

私はcs3pieを使用していて、問題が発生しています。それは働いていますが、ボーダー半径160ではなく、4を取っています。どのように私はそれを解決することができます。

/* Buttons and button links */ 
    input[type=submit], 
    .actions ul li a, 
    .actions a { 
     font-weight:normal; 
     padding: 4px 8px; 
     background: #FDC00D; 
     background-image: -webkit-gradient(linear, left top, left bottom, from(#FDC00D), to(#F68C1E)); 
     background-image: -webkit-linear-gradient(top, #FDC00D, #F68C1E); 
     background-image: -moz-linear-gradient(top, #FDC00D, #F68C1E); 
     background-image: -ms-linear-gradient(top, #FDC00D, #F68C1E); 
     background-image: -o-linear-gradient(top, #FDC00D, #F68C1E); 
     background-image: linear-gradient(top, #FDC00D, #F68C1E); 
     -pie-background: linear-gradient(#FDC00D, #F68C1E); /*PIE*/ 
     color:#333; 
     border:1px solid #F69C1E; 
     text-decoration: none; 
     text-shadow: #ccc 0px 1px 0px; 
     min-width: 0; 
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2); 
     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2); 
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2); 
     -webkit-user-select: none; 
     user-select: none; 
    } 
    .actions ul li a:hover, 
    .actions a:hover { 
     background: #FDC00D; 
     border-color: #acacac; 
     text-decoration: none; 
    } 
    input[type=submit]:active, 
    .actions ul li a:active, 
    .actions a:active { 
     background: #F68C1E; 
     background-image: -webkit-gradient(linear, left top, left bottom, from(#F68C1E), to(#FDC00D)); 
     background-image: -webkit-linear-gradient(top, #F68C1E,#FDC00D); 
     background-image: -moz-linear-gradient(top, #F68C1E,#FDC00D); 
     background-image: -ms-linear-gradient(top, #F68C1E,#FDC00D); 
     background-image: -o-linear-gradient(top, #F68C1E,#FDC00D); 
     background-image: linear-gradient(top, #F68C1E,#FDC00D); 
     -pie-background: linear-gradient(#F68C1E,#FDC00D); /*PIE*/ 

     text-decoration: none; 
    } 

    input[type=submit],.actions a { 
     -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
     border-radius: 4px; 
     position:relative; 
     z-index: 0; 
    } 

    /** Actions **/ 
    .actions ul { 
     margin: 0; 
     padding: 0; 
    } 
    .actions li { 
     margin:0 0 0.5em 0; 
     list-style-type: none; 
     white-space: nowrap; 
     padding: 0; 
    } 

    .actions ul li a { 
     display: block; 
     clear: both;  
     -webkit-border-top-right-radius: 161px; 
     -webkit-border-bottom-right-radius: 161px; 
     -moz-border-radius-topright: 161px; 
     -moz-border-radius-bottomright: 161px; 
     border-top-right-radius: 161px; 
     border-bottom-right-radius: 161px; 
     position:relative; 
     z-index: 0; 
    } 

    .actions ul li a:before,.actions ul li a.highlight:hover:before { 
     content: "\2665" ; 
     font-size: 18px; 
     padding-right:3px; 
     color: #16224C; 

    } 

    .actions ul li a.highlight:before,.actions ul li a:hover:before { 
     color: red; 

    } 

    .actions ul.subcategory{ 
     margin-left:10px; 
     display: none; 
    } 
    .actions ul.subcategory li a {} 

これは、私はこれが本当にあなたのCSSの最適化のために必要とされることはありませんが、アルファベット順にソートプロパティは、理論的には、パーサーのために、より似ていますパイ

<script> 
$(function() { 
    if (window.PIE) { 
     $('.actions ul li a, .actions a, input[type="submit"], .success,.message,.cake-error,p.error,.error-message').each(function() { 
      PIE.attach(this); 
     }); 
    } 
}); 

</script> 

Answer 1

CSS3PIEは簡略表記のみをサポートしています。

PIEを解析し、すべてのCSSプロパティ、これらのプロパティの が認識される唯一の簡略バージョンのhttp://css3pie.com/documentation/known-issues/#shorthand

からの抜粋。たとえば、 border-radiusがサポートされていますが、個々の文字列 border-top-left-radiusなどのプロパティはサポートされていません。

これは、URLがCSSファイル（上記を参照）に対して の相対位置で解決されないのと同じ理由です。PIEでは、各スタイルプロパティがどこから来るのかについての可視性はありません。省略形とlongghandプロパティが両方とも存在する場合、PIEは CSS作成者がこれらのプロパティを指定した順序を判断することはできません。また、各プロパティのセレクタの特異性を決定することもできません。したがって、どのプロパティを優先すべきかについて、情報に基づいた決定をすることはできません。

ダムの推測を避けるため、私たちは略語 のプロパティのみをサポートすることを選択しました。短縮形は、ファイルサイズを小さくして にして退屈な繰り返しを避けるために長さを超えて選択されました。

Answer 2

を使用しています方法です。あなたが何らかの変更を加えたい場合を除いて、あなたが探している財産をより早く見つけることができます。

また、RGBの一部を大文字で、他は大文字ではないため、RGBの色を書き込む方法が一貫していなければなりません。

input[type=submit]の代わりに、input[type="submit"]を使用してください。