0

私はこれを自分で修正しようとしましたが失敗しました。フラッシュエレメントを下部の固定位置に配置しようとしています。

#ticker{ position: fixed; bottom: 0; right: 12%; z-index: 6000 !important;}

FFとクロームでは動作しますが、IEでは動作しません。Doctypeを変更してみました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

しかし、それは機能しませんでした。私は偽の要素を配置することについて何かを読みましたが、私はそれを完全には理解していませんでした。

4

8 に答える 8

5

フィドルが機能するようになりました。DOCTYPEを変更する必要はありません。

こちらはhttp://jsfiddle.net/xpjyY/1/です。

cssの「オブジェクト」の閉じ括弧を忘れました。

object[width=150]{z-index: -5 !important;}//Forgot the closing bracket
于 2012-06-25T10:29:39.153 に答える
1

代わりに、このDoctypeを使用してみてください。

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

どういうわけか、Microsoftの誰かが、開発者が使用したい場合は、厳密なDoctypeを使用するように強制するのは良い考えだと考えposition:fixedています。かっこいいか何か。

更新:この記事では、他のいくつかの解決策について説明しています。役立つ場合があります。

于 2012-06-24T18:30:50.187 に答える
0

私が知る限り、それはIE9で動作します(私のデスクトップで動作します)。このjsfiddleを参照してください。私はIE8を手元に置いていないので、IE8で実行されるかどうかはわかりません。

とにかく..それが役立つことを願っています..=)

于 2012-06-24T21:14:11.497 に答える
0

CSSコードをこれに置き換えるだけです

object[width=150]{z-index: -5 !important;}
#ticker,  #main_Ticker{ position: fixed; bottom: 0px; right: 12%; z-index: 6000 !important;}

あなたは閉じる必要があります

object[width=150]{z-index: -5 !important;この行

デモ http://jsfiddle.net/xpjyY/2/

于 2012-06-25T16:27:34.810 に答える
0

修正したコード:

object[width=150]{z-index: -5 !important;}
#ticker,  #main_Ticker{ position: fixed; bottom: 0px; right: 12%; z-index: 6000 !important;}

HTMLの内容を変更する必要はありません。

于 2012-06-26T05:14:45.997 に答える
0

http://www.howtocreate.co.uk/fixedPosition.html

これにより、固定ポジショニングがどのように機能するかについての洞察が得られるはずです。退屈ですが、読む必要があります。

于 2012-06-26T21:40:14.120 に答える
0

IEの式を使用して、他のブラウザーのposition:fixedと同じようにすることができます。(したがって、2つの異なるCSSファイルが必要です<!--[If IE]><![endif]-->

位置を絶対に設定し、式を追加するだけです。

#fixeddiv{  
    position: absolute;
    top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
    left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');}
}
于 2012-06-27T06:27:25.597 に答える
0

参照:

アクティブなティッカーデモを使用したjsFiddle

解決策: SWFティッカーファイルを適切に操作するには、
SWFオプションが必要でした。allowscriptaccessフラッシュティッカーの水平方向の中央揃えは、いくつかのdivでラップされた純粋なCSSを使用して行われたposition:fixedため、常に下部に固定されます。

互換性:
このjsFiddleはHTML5で実行され、DOCTYPE Scrictを使用せず、IE8で問題なく動作します。
IE7の場合は、別のスタイルシートを使用し、適切な操作のためにに変更bottom:0;してください。bottom:5px;

スクリーンショット: ここに画像の説明を入力してください

ステータス:過去2日間、jsFiddle.net断続的な停止
が発生しているため、 スクリーンショットが提供されています。

于 2012-06-29T13:37:22.640 に答える