CSSの斜線バックグラウンドってChromeだと崩れるんですね。CSSのgradientで斜め掛けの背景とかよくやると思うのですが、どうやらChromeだとストライプ内のリンクにhoverした瞬間にストライプが崩れるようです。IEやFireFoxだと問題ないので残念なのですが、解決策をご存知の方おられましたらお知恵を貸してください。
素直に背景画像使え
できればCSSでやりたいんだよ。それがWeb制作者のサガ
画像使ってしまうと横幅100%にできないんですよね。。
トピ主、わかるよ。
> 画像使ってしまうと横幅100%にできないんですよね。。え、なんで?ごめん、理解足りないかも
ちなみにrepeating-linear-gradientはchromeだとめっさ汚い。hoverとかしなくても普通に汚いwbackground-sizeを正方形で指定するとそこそこ見られる。ソース出した方が回答あると思うよー
そういう時ってSVGどうなん?(質問かぶせてごめん)
グラデーションってtransitionとかかけれなかったような。ホバー時に色変えたりしてるのでは?もしくはラップして親の要素にグラデーションかけてみるとか。
みんなの回答 2 件
素直に背景画像使え
グラデーションってtransitionとかかけれなかったような。
ホバー時に色変えたりしてるのでは?
もしくはラップして親の要素にグラデーションかけてみるとか。
関連するトピックス