ID:KG6GCi さんの質問

Safari ブラウザのみ
transitionを使用した
:hover すると　1px ずれてしまいます。
原因がわからずに困っております。
よい方法はありますでしょうか。
宜しくお願いいたします。

みんなの回答 2 件

ID:5hzgrL さんの回答

1pxくらい気にしないことが一番！！
そんなの気にするのは同業者くらい。
ユーザーはぶっちゃけ気にしない。。。

ID:IjifGJ さんの回答

backface-visibility: hidden;を指定してみてはいかがでしょう？

ID:AiZx80

コレです

ID:KG6GCi

回答ありがとうございます。
入れてみたのですが、直らず…
どうやら、marginをかけたものの中に画像をいれるとちらつくようなのですが、他にいい案はありませんでしょうか…

最終更新日:2016-04-08 (4,014 views)

関連するトピックス

3 回答

画像タグを使うかCSSのbackground-imageを使うかの基準が最近わからなくなってきています。ナビとかの場合はテキストにしてCSSのbackground-imageにしたほうがSEOでいいと... 5,046 views
1 回答

border-radiusで、画像四隅をCSSで角丸にすると、画像右側のみ1pxかすれて表示されてしまうのですが、なにか癖があるのでしょうか？safari8で発生します。border-radius: ... 4,229 views
2 回答

CSSのグラデーションに関する質問です。IEの対応として、-ms-filter: "progid:DXImageTransform.Microsoft.gradientを使おうと思っているのですが、開... 2,272 views
5 回答

リンクに画像を指定している部分が、Safariで見ると画像にアンダーラインが表示されてしまうのですが、どうすれば回避できますでしょうか？どなた様がお知恵をお貸しください。 5,039 views
3 回答

CSS好きの方がいれば、教えてください。CSSでリボン型のタイトルを制作したいと考えております。タイトル背景に色があり右側が逆三角形に切れているスタイルです。タイトルが1行であれば、borderの高さ... 4,488 views
2 回答

contentで入れた要素の幅について。ーー　HTML　ーー<div> <h1>タイトル</h1> <p>説明文</p></div>ーー　CSS　ーーdiv {width: 90%;}h1, p {... 2,616 views
1 回答

IEでbuttonを押したときに画像がずれてしまうんですが、対応する方法ないでしょうか？サンプルを回答で入れます。 2,239 views
6 回答

line-heightについて教えてくださいお願いします！もうかれこれ2時間くらい悩んでます。。。<p><img src="sample.jpg"><p>p{line-height: 2;font-s... 8,319 views
1 回答

雑魚のコーダーです。a:before要素にアイコン画像などを設定してaにtext-decorationを設定するとIE9やIE10でa:beforeにも下線が適用されてしまいます。アイコン画像の設定方... 7,662 views
5 回答

img { max-width: 100%; height: auto; width /***/: auto;}これを書いてimgをレスポンシブ対応しているのですが、すると、imgに... 10,017 views

Safari ブラウザのみtransitionを使用した:hover すると 1px ずれてしまいます。原因がわからずに困っております。よい方法はありますでしょうか。宜しくお願いいたします。

みんなの回答 2 件

1pxくらい気にしないことが一番！！そんなの気にするのは同業者くらい。ユーザーはぶっちゃけ気にしない。。。

backface-visibility: hidden;を指定してみてはいかがでしょう？

関連するトピックス

Safari ブラウザのみ
transitionを使用した
:hover すると　1px ずれてしまいます。
原因がわからずに困っております。
よい方法はありますでしょうか。
宜しくお願いいたします。

1pxくらい気にしないことが一番！！
そんなの気にするのは同業者くらい。
ユーザーはぶっちゃけ気にしない。。。