備忘録

異物を飲み込んだり気を失ったり
http://supersexycpr.com/abdominalthrusts.html
http://supersexycpr.com/cpr.html

IEでも角丸
http://css3pie.com/
behaviorで読み込むとIEでも角丸が適用されちゃう。
DLしたファイルをすべてサーバーへアップ。
既存CSSに

behavior: url(css/PIE.htc);

これ書き足すだけって事だけど。。。
適用したい部分すべてに追記。
また、イメージファイルなどはCSSファイルからの相対パスで指定しますが、PIE.htcへのパスは見ているページからのパス。
ゴッチャになるようならhttp://からの絶対パスで書きましょ。

うちのローカルなテスト環境は一般的ではないせいか、全く効かなかった。
ポートが違うせいなのか、一旦Webにアップロードしないと確認できず面倒した。

で。。。
だいたい効くんだけど、べっこに書いたほうが間違いないのでは?

box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
-pie-box-shadow:10px 10px 10px #888;
behavior: url(css/PIE.htc);

とか

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(css/PIE.htc);
position:relative;

こんな感じ

border-radius: 15px 15px 0px 0px;       /* CSS3 */
-moz-border-radius: 15px 15px 0px 0px;      /* Firefox */
-webkit-border-radius: 15px 15px 0px 0px;   /* Safari,Chrome */
-pie-border-radius: 15px 15px 0px 0px;      /* IE */
behavior: url(css/PIE.htc);

グラデーションなど色々対応してるんで使えますなぁっと感激。
つかまぁやっぱIEを嫌ってしまう。
グラデーションのwebkitはどっちでもいいのか?
-ms-linear-gradient
-o-linear-gradient
この2つは何なのかよく分かってません。

最後に
アクセス解析が出来ないサーバーでアクセス解析
ちょいと修正中。
あてにならんP-WORLDのアクセス数なんかより全然使えます。
ログのローテートとか文字コードとかいじらなきゃダメかな?
昨年末にスマホ向け表示を強制したP-WORLD。
なので、再度確認してみなきゃ。

03 3月, 2012