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

思いつきで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  高梁自動車学校  Webデザイン 専門学校  タイヤ 価格  中古ホイール 沖縄  タイヤ 18インチ  プログラミング 専門学校  無限  DIY  物流コンサルティング  イーキャピタル 投資顧問  スズキ アドレス 中古  名簿業者