スマホサイトでよく使う > を右端にいれたリスト

思いつきでcss3で再現してみたけど、
やっぱりIEではバージョン古いと出ないのがリンクの役割を果たしていないと思い断念。

background: no-repeat right url(img.png),linear-gradient(to bottom, #7ad362 0%, #59ab42 100%);

グラデーションは背景色ではなく画像として認識されていて、
css3では1つの要素に画像が2つ読み込める。
これを利用して右端の > 画像とグラデーションをaタグのみに適応してみました。

結果、
適応してみましたが、レスポンシブサイトであったためIEでも見たい、
さらにAndroidのバグ対応のためaタグのblock要素内にはdivタグを追加するので、
aタグにグラデーションを、divタグに画像を設置する普通な仕様となりました。

  プロフィール  PR:無料HP  合宿免許 格安  IT 専門学校  オートエクゼ  中古ホイール 純正  タイヤ 価格  自動車整備士  リクライニングシート 中古  お薦め厄除けパワーストーン  神奈川 短大  通信教育  中古ホイール 本庄市  リノベーションセミナー