OSDN Git Service

Version 0.6.194, X.UI.Page working.
[pettanr/clientJs.git] / 0.6.x / js / 02_dom / 06_XNodeCSS.js
index f9ddadd..a951a50 100644 (file)
@@ -330,7 +330,7 @@ function X_Node_CSS_objToIEFilterText( that, opt_css ){
                                filters[ ++n ] = v;
                                break;
                        case 2 : //'opacity' :
-                               filters[ ++n ] = 'alpha(opacity=' + ( v * 100 | 0 ) +')';
+                               if( v !== 1 ) filters[ ++n ] = 'alpha(opacity=' + ( v * 100 | 0 ) +')';
                                break;
                        case 3 : //'boxShadow' :
                                // TODO カンマ区切りの複数指定
@@ -789,11 +789,14 @@ var X_Node_CSS_Support = {},
  * @namespace X.CSS
  */
 X[ 'CSS' ] = {
-       
+       /**
+        * @alias X.CSS.VENDER_PREFIX
+        */
        'VENDER_PREFIX' : X_Node_CSS_VENDER_PREFIX,
-       // iscroll で使用
-       'uncamelize'    : X_Node_CSS_uncamelize,
-       
+
+       /**
+        * @alias X.CSS.Support
+        */
        'Support'       : X_Node_CSS_Support
 };
 
@@ -837,41 +840,62 @@ X[ 'CSS' ] = {
        };
        
        testStyle.cssText = 'background:rgba(0,0,0,0.5);border-color:transparent';
+/**
+ * 色指定に rgba() が使用できるか?
+ * @alias X.CSS.Support.rgba
+ * @type {boolean}
+ */
        X_Node_CSS_Support[ 'rgba' ] = !!testStyle[ 'background' ];
+       
+/**
+ * 色指定に transparent が使用できるか?
+ * @alias X.CSS.Support.transparent
+ * @type {boolean}
+ */
        X_Node_CSS_Support[ 'transparent' ] = !!testStyle[ 'borderColor' ];
        // TODO border による三角形の可否
        // 2:完全、 1:透過に非対応(IE7-) 0:borderの描画が非標準で三角形が作れない
-       
-               /*
-                * chrome 1+, ff3.5(1.9.1), ie9+, opera10.5+, Safari3+(522)
-                */
+
        if( prop = X_Node_CSS_VENDER_PREFIX[ 'boxShadow' ] ){
                
                testStyle.cssText = X_Node_CSS_uncamelize( prop ) + ':0 0';
+               
+               /**
+                * boxShadow が使用できるか?
+                * chrome 1+, ff3.5(1.9.1), ie9+, opera10.5+, Safari3+(522)
+                * @alias X.CSS.Support.boxShadow
+                * @type {boolean}
+                */
                X_Node_CSS_Support[ 'boxShadow' ] = !!testStyle[ prop ];
 
-               /*
+               testStyle.cssText = X_Node_CSS_uncamelize( prop ) + ':0 0, 0 0';
+               
+               /**
+                * boxShadow の複数指定が使用できるか?<br>
                 * chrome 4+, ff3.5(1.9.1), ie9+, opera10.5+, Safari5+(533)
+                * @alias X.CSS.Support.boxShadowMulti
+                * @type {boolean}
                 */
-               testStyle.cssText = X_Node_CSS_uncamelize( prop ) + ':0 0, 0 0';
                X_Node_CSS_Support[ 'boxShadowMulti' ] = !!testStyle[ prop ];
                
-               /*
-                * https://developer.mozilla.org/ja/docs/Web/CSS/box-shadow
-                * この値を用いる場合には、spread-radius を省略出来ません。box-shadow が効かないケースに遭遇した時はこの事を思い出して下さい。
-                * chrome 4+, ff3.5(1.9.1), ie9+, opera10.5+, Safari5+(533)
+               testStyle.cssText = X_Node_CSS_uncamelize( prop ) + ':0 0 inset';
+               
+               /**
+                * https://developer.mozilla.org/ja/docs/Web/CSS/box-shadow<br>
+                * この値を用いる場合には、spread-radius を省略出来ません。box-shadow が効かないケースに遭遇した時はこの事を思い出して下さい。<br>
+                * chrome 4+, ff3.5(1.9.1), ie9+, opera10.5+, Safari5+(533)<br>
                 * 
-                * http://unformedbuilding.com/articles/considerations-when-using-the-box-shadow/
-                *  box-shadow:inset と border-radius を指定しているときの Google Chrome の表示
-                *  このバグは Windows と Linux で発生するようです。
-                *  Windows 版 Chrome 10.0.648.127 で修正されているのを確認しました。
+                * http://unformedbuilding.com/articles/considerations-when-using-the-box-shadow/<br>
+                *  box-shadow:inset と border-radius を指定しているときの Google Chrome の表示<br>
+                *  このバグは Windows と Linux で発生するようです。<br>
+                *  Windows 版 Chrome 10.0.648.127 で修正されているのを確認しました。<br>
+                * @alias X.CSS.Support.boxShadowInset
+                * @type {boolean}
                 */
-               testStyle.cssText = X_Node_CSS_uncamelize( prop ) + ':0 0 inset';
                X_Node_CSS_Support[ 'boxShadowInset' ] = testStyle[ prop ] && testStyle[ prop ].indexOf( 'inset' ) !== -1;
 
        };
 
-       
        testStyle.cssText = temp;
 
 })();