TinyMCE - 外部ツールバーの位置

Question

TinyMCEを使用して、マルチテキストボックスのクリック編集型グラフィックコンテンツエディタを作成しようとしています。私は、TinyMCEを追加したり削除したり、位置やサイズを変更したり、編集するためにクリックしたりすることができるようになっています。しかし、一つのことは私を悩ませています。

私は「保存して閉じる」ボタンと他のいくつかのツールボタンと共に、ページの下端に沿って配置しようとしている外部ツールバーを持っています。外部ツールバーはTinyMCEによってクラス"mceExternalToolbar"のDIVで作成されます。私はページスタイルシートにposition: fixedとleft:とtop:という属性を設定しようとしましたが、TinyMCEはDIV上にposition: absoluteとtop: -28pxのセットを作成しました。

プロジェクトの制限により、TinyMCEのソースコードを変更することはできませんが、余分なCSSファイルを追加することができます。

誰でも正しい方向にツールバーを適切に配置することができますか？

Answer 1

提供されているスタイルシートのCSSセレクタが、作成しているセレクタを上書きしています。

body div.mceExternalToolbar { 
    position: fixed ; 
    top: -28px ; 
}; 

それとも上書きする!importantディレクティブを使用します：セレクタの特異性と!importantの両方に関する詳細について

.mceExternalToolbar { 
    position: fixed !important ; 
    top: -28px !important ; 
} 

を何をする必要がある大きな特異性のセレクターで、ツールバーの要素をターゲットのいずれかであります、the W3C's documentationを参照してください。