リンクをクリックした際に出る点線を消す方法
スポンサードリンク
リンクを設定した画像をクリックすると、なにやら点線が出てきますよね？これを消す方法を幾つかご紹介いたします。
こーいうのですね。結構気になる点線ではあります。
で、消し方ですが、基本的にCSSにて一括で非表示にします。
a {
outline:none;
}
こんな感じです。でもこれだと、FirefoxやSafariで消えても、ＩＥ大先生はきえてくれません。めんどいですね笑 これでも消えない場合は、aタグに対して直接以下の記述を入れます。
onfocus=”this.blur();
この記述をaタグに直接いれます。ソースとしては下記のようになります。
<a href=”http://www.at-nature.net/” onfocus=”this.blur();>test</a>
画像にこの設定をいれてリンクするとこんなかんじ（画像をクリックしてみてください）。
設定してないとこんなかんじで点線がでます。
設定前と設定後 ビフォーアフター。岡田監督がいっぱいです（笑
lite boxの古いバージョンでこの線が、ＣＳＳの設定ではなぜか消えなかったりといろいろとめんどくさいことになってたので、直接上記のonfocusを設定すると消えるようです。後、このonfocusの設定を一つずつリンクに設定するのはめんどくさい！という場合に、良い方法を見つけました。
以下を内に記述するだけで、全てのaタグに対して、同様の効果を与えることが出来ます。
<script type=”text/javascript”>
<!–
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
//–>
</script>
BODYタグには以下を記述します。
<body onload=”disable_links_outline()”>
※参考元
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1095664
うーん、素晴らしい！
Filed under CSS, Web全般, てるよし, メモ | Comment (0)Microsoftが次期WebブラウザのIE 9を披露
スポンサードリンク
米Microsoftは11月18日、ロサンゼルスで開催の開発者向けカンファレンス「Professional Developer Conference（PDC） 2009」において、開発の初期段階にある次期Webブラウザ「Internet Explorer 9（IE 9）」を紹介した。
http://headlines.yahoo.co.jp/hl?a=20091119-00000007-zdn_ep-sci
いや～早いですね。もうIE9の話が出てきましたか。順調にバージョンアップを重ね、IE8の辺りからようやくまとも？になってきた感があります。世の中にはIE6撲滅運動なる動きも出ており、すこぶる評判の悪いIEですが、ForefoxやSafariをギャフンといわせるくらいの超高性能高速軽量アドオン豊富な開発にも耐えうる素晴らしいブラウザをリリースしてもらいたいものです。なんだかんだでシェア１位なんですからっ！
そういえば・・日本が開発しているLunascape（ルナスケープ）、このブラウザのシェアがもっと増えればなと・・・。初期状態から多くのアドオンを装備しており、それでいて動作は快適。Firefoxのアドオンも実装できるようになるとか？？今後に期待です。
Lunascape http://www.lunascape.jp/
あれ？IE9の話してましたっけ？笑
たのみますよーマイクロソフトさん！
どこが読まれているかが読める便利ツール User Heat（ヒートマップ・ツール）
スポンサードリンク
Webサイトの記事がどう読まれているのか？このツールは、訪問者が、Webのページのどこの段落を注目して読んでいるのか」と「どの場所がクリックされているかを調べて、その調査結果を共有するシステムです。
基本的に人間の目線は、「Ｆ字型」に動くと言われていますが、全てのサイトで本当にそうなっているのか？また、そうだとしてもサイトごとに個性もあり、それぞれが多少違う動きをしているはずです。そんな疑問を一発解消！超便利ツールをご紹介いたします。
このツールを使えば、どの部分がクリックされているのかやマウスカーソルの動き、よく読まれている場所を一発網羅。Webサイトの運営に必ず役に立つツールと言えるでしょう。ホームページへJavascriptによるタグを貼るだけで実装できる仕組みとなりますので、この機会に是非！ＴＯＰページだけでなく、タグを貼ったページ分、解析が出来るようです。
http://userheat.com/
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
