2016-05-09 7 views
0

まず、私はこの問題で私を助けるために時間を費やす人に感謝します。Tumblrバックグラウンドアタッチメント:絶対;無効なプロパティ値として表示

基本的に、私のTumblrのテーマがここにあります。私が上に行くと、それはうまく見えますが、他の人がそうするとき、画面の解像度が異なるため、内容はすべての場所にあります。これを修正する方法があるので、バックグラウンドの画像とブログのコンテンツがテーマ上で一緒にロックされ、常に同じ場所に表示されます(例:私の背景画像はPhotoshopで作成されました。ブログのコンテンツを表示するには - 私がブログに載っているときは、1600x800の画面解像度に合わせているのでうまく見えますが、他の人には画面解像度がなければブログのコンテンツは表示されませんそのボックス)。以下は

は、私のコードの本体セクションです:

body { 
    background-image: url('http://imgur.com/4CzbHdZ.png'); 
    background-repeat: no-repeat; 
    background-attachment:absolute; 
    background-size:cover; 
    color:{color:text}; 
    font-family:Ebrima; 
    text-transform:none; 
    font-size:10px; 
    line-height:130%; 
    letter-spacing:0px; 
    margin:0px; 
} 

私もペーストビンを作成しました:http://pastebin.com/9YKfsycG

私の主な問題は、背景画像です。ズームインまたはズームアウトすると、ブログのコンテンツに移動することになっています。代わりに、それは所定の場所にロックされたままです。ページを調べると、自分のコードのうち、background-attachment:absoluteを読み取るセクションが表示されます。 Chromeでは「無効なプロパティ値」としてマークされています。

注:「絶対」から「固定」に切り替えても何も変わりません。

また、私はこのことを見てこの問題を助けるのに時間がかかる人に感謝します。

スクリーンショットが必要な場合は、私はそれらを持っています - 2つ以上のリンクを投稿するには10以上の評判が必要です。

+4

これは、絶対アスタリスクが背景アタッチメントの無効な値であるからです。 fixedは有効な値ですが、探している値ではない可能性があります。 – BoltClock

+0

さて、私はそれを固定に変更しました。私が言ったように、それは何も変わらないが、ありがとう。 –

+0

とにかくグローバルな背景のために有効な値は、 'fixed'と' scroll'です。一つを選ぶ。 –

答えて

3

絶対に固定に切り替えると、Chromeがコードを正しく読み取れるようになりました。そこから、私はbackground-size:coverを削除しました。私が望んでいた結果を得ました。ありがとうございました!

+0

将来のユーザーがそれをより簡単に見つけることができるように、あなた自身の答えをマークしてください。 – Marcus

+0

2日後にしかできません。 –

関連する問題