シリウスのデフォルトヘッダー画像を動的作動のスライダー画像へと
カスタマイズするとなぜか？

 

サイトのタイトルや説明テキストが消えてしまう？

 

という事情がございます

 

当シリウスカスタマイズのスライダーコンテンツをご利用の方より

 

サポートへご指摘を頂きましたのでここで対処法を説明します

 

 

---

2016　0110

 

ご指摘内容

 

はじめまして、こんにちは。
yosと申します。

 

いつも楽しく勉強させていただいてます。

 

「シリウスヘッダー画像スライドショー導入方法」にて、
スライドショー設置することはできました。

 

その際、元々シリウスの持ってる、サイト全体の設定>>サイト名、Ｈ１テキストが

 

スライド画像にオーバーライトされてしまうようなのですが、
サイト名、Ｈ１テキストを最前面に表示させる方法はございませんでしょうか。

 

よろしくお願いいたします。

 

 

---

 

連絡ありがとうございます

 

 

過去記事でして、障害の対応策を追記しておりませんでした

 

申し訳ありません

 

 

タイトルやテキストがスライドより下の階層に置かれた場合、

 

スライダーの階層によりますが、サイトタイトル、サイト説明文が覆い隠されて
しまい、認識できなくなります

 

 

対処法は、隠された要素を上に重なる要素より、さらに上にあげるか

 

覆いつくす要素を下へ下げるかです

 

 

重なりは、z-index: 数値で指定できます

 

 

スライド構成記述に、z-index: 数値が含まれていれば数値を下げてみる

 

無ければ追加する

 

 

で、一番簡単な方法は、z-index: 10000;　コードで上の重なりに
移動する指定をすることです

 

 

html内の記載箇所をご確認ください

 

 

でも、全体はいじってますので　z-index: 10000;コードのみ付け
くわえてください

 

もし変わらずでしたら　20000にしてください

 

 

ここ、タイトルからスタート

 

 

#header h2 ,#header .title {
width: 550px;
font-size: 36px;
line-height: 36px;
position: relative;
left: 30px;
top: 50px;
<% pageTitleFontSize %>
<% pageTitlePlace %>
z-index: 10000;
}

 

#header h2 a, #header h2 a:visited,#header .title a,#header .title a:visited {
color: #1A1A1A;
text-decoration: none;
<% pageTitleColor %>
z-index: 10000;
}

 

 

#headertext {
text-align: left;
font-size: 11px;
line-height:10%;
width: 550px;
position: relative;
left: 10px;
top: 10px;
<% pageDescFontSize %>
<% pageDescPlace %>
<% pageDescColor %>
z-index: 10000;

 

}

 

 

 

当サイトご案内のスライドスクリプトでもよくあることですので
覚えときましょうね

 

 

スポンサーリンク

 

 

 

ヘッダー画像をスライド化するとタイトルが隠れてしまう？
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ