どうも!こないだの案件のIE対応で、てんやわんやしました。
はやちです ((((((└(:D」 ┌)┘))))))
何が起きたかといいますと…
( ^o^)<よーしコーディングできたちょーきれー☆
( ˘⊖˘)。o(IE大丈夫かな)
| IE | ┗(☋` )┓三
( IE ◠‿◠ )☛
『貴様ッ!クリック時、リンクに点線が出る事に気が付いたなッ!』
▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああぁぁぁぁあああ
というのが起きました。
( ˘⊖˘)。o(もしかして:css書き忘れかな? a{outline:none;} かけたから大丈夫かな?)
| IE | ┗(☋` )┓三
( IE ◠‿◠ )☛
『Firefox、Chromeはやられたが俺はこんなものにやられてたまるかッ!』
▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああぁぁぁぁあああ効かないいいいい
だめでした(‘、3_ヽ)_
調べてみたところaタグにonfocus=”this.blur()”を付けると点線が表示されなくなるとのこと…
( ˘⊖˘)。o(そんなんaタグ一つ一つやってたら無駄に時間がかかってしまう…)
そんなときはjquery.linkscubber.js
使い方は簡単!
Javascript
$(document).ready(function(){$("a").bind("focus",function(){if(this.blur)this.blur();});});
こちらのJavascriptを保存して
html
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.linkscubber.js"></script>
</head>
head内に読み込ませるだけ!
※は現在配布が終了しているためブログを参考させていただきました。使用する際にはコードを保存してください。
jquery.linkscubber.js参考にさせていただいた記事
( ˘⊖˘)。o(これだけで大丈夫なのだろうか)
|IE| ┗(☋` )┓三
└( ^ω^ )」L( ^ω^ )┘うわーい効いてるぅう♪
これで安心して対応ができました。よかった。
IEやっかいですねー _(:3」∠)_
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。