1

二重の直角引用符 ( &raquo;) をドロップダウン インジケーターとして使用しようとしています。float: right;が割り当てられているナビゲーションで動作しています。ただし、ナビゲーションの外では、float:割り当てられていない場合、回転しません。直角の引用符がラップされている要素にクラスdownを追加して、jQuery & CSS3 で矢印を回転させています。<span>

down矢印を回転させるために追加される css クラスは次のとおりです。

.drop-arrows.down {
    /* FF Chrome Opera etc */
    -webkit-transform: rotate(90deg) !important; 
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    /* IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

そのクラスは、jQuery を介してドロップダウンをアクティブ化すると追加されます。唯一の問題は、これが矢印コンテナーに追加されていないと機能しないfloatことです。これは私にとって非常に混乱しています。

矢印をラップする HTML は次のとおりです。

<a id='filter-trigger' href='javascript:void(0);'>FILTERS <span class='drop-arrows'>&raquo;</span></a>

-webkit-transform動作するためにフロートが必要ですか? 私は何か間違ったことをしていますか？

4

1 に答える 1