[CSS]IE10と、IE9にはfilter拡張が効かない&CSSハック[覚書]

忘れないようメモ

IE9(IEtesterで確認)とIE10(Win7で確認)はfilterのcssが効かないので、個別にopacity指定する

IE6~IE8までのチェックに重きを置いてたのでIE10でチェックしたときの衝撃!!!

まじであせった。。。(T。T)

 

 

ハックの方法は下記を参考に

http://web-codery.com/html/24

http://www.aveit.biz/column/detail1382569380.html

 

css

[Jquery]アコーディオンで、メニューを押すと上部に戻る

タイトルが意味不明ですが、、、

スマホでアコーディオン使ったコンテンツの際に、メニューを押すと、コンテンツの始めに移動させて表示させたかったんです。

本当は閉じた状態の各メニューTOPに戻りたかったんですが、

力量不足で別のものに、、、まあ応急処置なので良い、、、かな、、、

時間があるときに検証してみよう

<dt>を押したときに.contposiの位置を取得、スライド表示させるとともに、.contposiの場所へページスクロール

 

$(".accordion dt").click(function(){
var scposi = $(".contposi").offset().top;
$(this).next("dd").slideToggle();
$(this).next("dd").siblings("dd").slideUp();
$(this).toggleClass("open");
$(this).siblings("dt").removeClass("open");
$('body,html').animate({ scrollTop: scposi });
return false;
});

 

<h4 class="scposi">あいうえお</h4>

<dl class="accordion">
<dt>メニュー</dt>
<dd>あいうえお</dd>
<dt>メニュー</dt>
<dd>あいうえお</dd>
</dl>