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

思いつきで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  免許合宿  今すぐ現金化 ファクタリング  調理師 専門学校  カー用品  タイヤ 選び  タイヤ ミニバン  自動車整備 夜間  格安スタッドレスタイヤの通販サイト  民泊代行  小学校教諭 大学  投資顧問ベストプランナー 詐欺  タイヤ 取り付け 桶川市  バイアグラ 通販