以下のサイトに載っているようなパンクズデザインをコーディングしたいのですが、css3ではなく、ie7や8でもちゃんと表示させるコーディングの仕方が分かりません。。
ttp://365webresources.com/pure-css3-breadcrumbs-navigation/
画像を使うのもアリですが、可変であり、ホバーしたら[>]部分が食い込んだ部分も色が変わるようにしたいです。
分かりにくいかもしれませんがご教授頂けると幸いです。よろしくお願いします
フロートにしてネガティブマージンで食い込ませたらなんとかなるんじゃないかな
擬似クラスがネックになるので、:first-childは別にクラスを作り、:beforeや:afterは<div>とか<span>を何重にも入れ子にしてこれらにクラスを割り当てりゃできるんじゃない? HTMLが煩雑になるけど。ふわっとしたアニメーションは諦めるかjQuery。
これじゃダメ?(view codeでソース見られる)
みんなの回答 4 件
フロートにしてネガティブマージンで食い込ませたらなんとかなるんじゃないかな
擬似クラスがネックになるので、:first-childは別にクラスを作り、:beforeや:afterは<div>とか<span>を何重にも入れ子にしてこれらにクラスを割り当てりゃできるんじゃない? HTMLが煩雑になるけど。ふわっとしたアニメーションは諦めるかjQuery。
ttp://ideahacker.net/2013/07/26/5962/
ttp://www.arch-web.jp/web/771/
でどうだい
これじゃダメ?(view codeでソース見られる)
Pure CSS3 breadcrumb navigation - the pixel perfect way
http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation関連するトピックス