IE6にも対応させました！スクロールしてもついてくるソーシャルボックス
こんにちは、霙です。 先日公開しご好評いただいたソーシャルボックスたんですが、実はIE6非対応でした。 世の中には、私のようにIEの存在を完全に無視している方は少数派のようですので、 CSSを書き加えるだけでIE6でも動くコードをご紹介致します。 <header>～</header> <!--[if lt IE 7]> <style type="text/css"> #social_box { position: absolute; top: expression(eval(document.documentElement.scrollTop+300)); } </style> <![endif]-->
IE6対応・cssのみでマウスオーバー時に噴出しも実装するナビゲーションKntL-Pager
JSや画像を使わず、cssとHTMLオンリー でマウスオーバー時に噴出し状のツール チップの実装が可能なナビゲーション KntL Pagerをご紹介します。これは結構 便利そう。ありがたい事にIE6にも対応、 cssも無料でダウンロードも可能です。 jsや画像を使用せず以下のようなページネーションを実装可能です。 KntL Pager うーん、凄い。これでcssオンリーとは驚きでした。一応ページネーション（ページ送り）のcssとして紹介されていますが、普通にユーザビリティを意識したナビゲーションとして使えそうですね。 対応ブラウザはIE6以上、Firefox1以上、chrome、opera、safariに対応との事。日本語に直してHTMLをアップしてみましたので[sexy-lightbox href=’http://kachibito.net/wp-content/uploads/2010
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
IE6対応半透明PNG角丸リキッドボックス
IE6で半透明PNGを使った角丸のリキッドボックスは作れるのか？ 条件はJavaScriptを使わないこと。 問題はbackground-positionが設定できないため右端の画像を配置できない。 しかし意外な方法で解決することができました。 ソース <div class="headL"> <div class="headR"> <div class="headC"> 内容 </div> </div> </div> <div class="bodyL"> <div class="bodyR"> <div class="bodyC"> 内容 </div> </div> </div> <div class="footL"> lt;div class="footR"> <div class="footC"> 内容 </div> </div> </div> 半透明PNGを普通に使えるブラウザ用の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
