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

思いつきで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  六日町自動車学校  料理 専門学校  タイヤ 新品  中古ホイール 熊本  タイヤ ノア 激安  東京 美容専門学校  中古マフラー 販売  水晶  保育 短期大学  投資顧問ベストプランナー 口コミ  レジェンド ホンダ 中古  名簿屋