-
ID:B2Sz.F さんの質問

以下のサイトに載っているようなパンクズデザインをコーディングしたいのですが、css3ではなく、ie7や8でもちゃんと表示させるコーディングの仕方が分かりません。。

ttp://365webresources.com/pure-css3-breadcrumbs-navigation/

画像を使うのもアリですが、可変であり、ホバーしたら[>]部分が食い込んだ部分も色が変わるようにしたいです。

分かりにくいかもしれませんがご教授頂けると幸いです。
よろしくお願いします

みんなの回答 4 件

ID:JZTc2j さんの回答

フロートにしてネガティブマージンで食い込ませたらなんとかなるんじゃないかな

ID:lm66WZ さんの回答

擬似クラスがネックになるので、:first-childは別にクラスを作り、:beforeや:afterは<div>とか<span>を何重にも入れ子にしてこれらにクラスを割り当てりゃできるんじゃない? HTMLが煩雑になるけど。ふわっとしたアニメーションは諦めるかjQuery。

ID:7cWAqL さんの回答

  • CSS3で三角つくる
    ttp://ideahacker.net/2013/07/26/5962/
  • CSS3使えるjsつける
    ttp://www.arch-web.jp/web/771/
    でどうだい

ID:imBs0s さんの回答

これじゃダメ?(view codeでソース見られる)

Pure CSS3 breadcrumb navigation - the pixel perfect way

http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation
最終更新日:2014-06-15 (3,161 views)

関連するトピックス

ページ上部に戻る