-
ID:uqAs1/ さんの質問

こんにちは。CSS3にて正しく表示されない原因がわかりません。こちらはバグでしょうか。よろしくお願いいたします。

codepen.io/punimarin/pen/LVWmyK

Chrome/Safari/Firefoxの最新版での閲覧が意図した表示です。
IE10と、iPhone6のSafariにて表示が異なっています。

=追記=
IE11も同じ現象じゃんかよw

みんなの回答 4 件

ID:gEcP/3 さんの回答

iPhone6 Safariの場合は下記を追加すれば正しく表示します。

.notepad {
border-radius:1px;
}

iPhone6 Plusでcssのbox-shadowが効かない時の対処方法

http://applian.jp/iphone6-plus-box-shadow/
ID:uqAs1/

ありがとうございます!ひとまず更新しておきました。あとはIE10だけか…こちらも描画バグのような気がしますが真相はいかに…

ID:Yapzc9 さんの回答

autoprefixer とおせばよくね?

ID:uqAs1/

いわゆるベンダープレフィックスつけてもダメなんですよー

ID:jrQ4GG さんの回答

background-sizeの値変更したら表示されないかな

ID:uqAs1/

ありがとうございます!確かに奇数?だと表示されるようです。でも理由がわかりません。やはり描画バグなんでしょうか…

ID:rMuTq7 さんの回答

上の方が回答しているとおり
background-size: 1px 1px, 1px 1px, 25px 25px;
と変更したら表示されましたね。

ID:uqAs1/

上のコメント同様、ありがとうございます!私は転職して1年未満なのですが、正しく記述していてもよくわからないバグはあるんですねー。

最終更新日:2015-06-09 (3,647 views)

関連するトピックス

ページ上部に戻る