Bloggerに限った話では無いですが、テンプレート集などからダウンロードしたテンプレートにアップロードしたとき「あれ?サイドバータイトルの背景が消えた?」といった不具合に悩まされている人のために備忘録として描いておきます。
主にIE10、IE11で表示されないことが多いはずです。
主に「ラベル一覧」などのサイドバータイトルの背景です。
こんなのです。
これはCSSでグラデーション処理された画像を描いています。
消えても、文字だけは表示されているケースが多いと思います
①まずはHTMLから 「linear-gradient」 という記述を検索して下さい。
そうすると何種類かまとまって検索されるはずです。これは各ブラウザーの種類に対応するため複数重ねて記述しているのです。
②まとまって記述してある記述のどれでもよいので1行コピーします。例えば
background-image:linear-gradient(bottom,#242424 0%,#595959 100%);
という記述をコピーします。
③まとまって記述してある最後の後ろにペーストして赤い部分を追加します。(上書きしては駄目です)
background-image:-ms-linear-gradient(bottom,#242424 0%,#595959 100%);
これをヘッダー、サイドバー、メインコンテント、フッターと全て同じく追加します。
これでHTMLを保存したらIE10、IE11で表示してみてください。
もしすでに「-ms-」が記述してあるようなら原因は別にあります。
以上です。
一票宜しくお願い致します。
0 コメント:
コメントを投稿