-
ID:zjzMJl さんの質問

CSSの斜線バックグラウンドってChromeだと崩れるんですね。
CSSのgradientで斜め掛けの背景とかよくやると思うのですが、
どうやらChromeだとストライプ内のリンクにhoverした瞬間にストライプが崩れるようです。
IEやFireFoxだと問題ないので残念なのですが、解決策をご存知の方おられましたらお知恵を貸してください。

みんなの回答 2 件

ID:paPQmY さんの回答

素直に背景画像使え

ID:h6zCE/

できればCSSでやりたいんだよ。それがWeb制作者のサガ

ID:zjzMJl

画像使ってしまうと横幅100%にできないんですよね。。

ID:HjjJuB

トピ主、わかるよ。

ID:G7PtMJ

> 画像使ってしまうと横幅100%にできないんですよね。。
え、なんで?
ごめん、理解足りないかも

ちなみにrepeating-linear-gradientはchromeだとめっさ汚い。hoverとかしなくても普通に汚いw
background-sizeを正方形で指定するとそこそこ見られる。
ソース出した方が回答あると思うよー

ID:J561dN

そういう時ってSVGどうなん?(質問かぶせてごめん)

ID:382wD5 さんの回答

グラデーションってtransitionとかかけれなかったような。
ホバー時に色変えたりしてるのでは?
もしくはラップして親の要素にグラデーションかけてみるとか。

最終更新日:2014-08-23 (4,422 views)

関連するトピックス

ページ上部に戻る