Sponser Link
ブラウザ固有のベンダープレフィックスについて
例えば前回のtransformはsafariでは上手く表示できない。
can i use サイトを見るとsafariはsupport with prefix:webkit
と書いてある。
その場合、webkitを入れた命令も書かないといけない。
firefox….moz
opera…..o
chrome,safari…webkit
internetexplore…ms
<div id=”box2″></div>
[/html] [css] div{
width:100px;
height:100px;
margin-bottom:20px;
position:absolute;
top:100px;
left:100px;
}
#box1{
background:skyblue;
opacity:.5;
}
#box2{
background:orange;
opacity:.5;
transform:translate(20px,40px);x方向、y方向の移動
-webkit-transform:translate(20px,40px);safariに対する命令
}
[/css]
Sponser Link