JavaScript Галерея глюк (слои ??) - PullRequest
Новая
       5

JavaScript Галерея глюк (слои ??)

1 голос
/ 23 марта 2012

Надеюсь, что кто-то может мне помочь, у меня есть установка index.php, и в голове у меня установлен скрипт побочного шоу, который запускается на всех страницах, а затем в portfolio.html (загружается внутри файла index.php, когдастраница вызывается) У меня есть скрипт галереи.Моя проблема в том, что когда я нажимаю на изображение галереи, оно открывается, но за этой "галереей заголовков" ...

изображение проблемы:

http://gem.jamesfaith.com/java.jpg

1 Ответ

0 голосов
/ 10 июля 2012

@ pjumble прав насчет желания изменить z-индекс.Вероятно, проблема, с которой вы столкнулись, связана с приоритетом селекторов CSS.

При определении формата CSS вы можете написать оператор селектора тремя основными способами и смешать и сопоставить их, как вам угодно, для предварительных определений селектора.Вот 3 основных способа:

1.

Класс выглядит примерно так: 

.class1
{
 color:blue;
 font-size: 24px;
 background-color:red;
}

это самый низкий приоритет

2.

ID выглядит примерно так. 

 #id1
{
 color:yellow;
 font-size: 12px;
}

Это средний приоритет

3.Тег выглядит примерно так: 

Div
{
 color:green;
}

Этот получает наивысший приоритет.Это всегда кажется мне нелогичным.Если я определю и формат уровня идентификатора, вы думаете, что у него будет приоритет над тем же именем тега, но это не так.

Вот и пример того, о чем я говорю.

Итакдля такого элемента 

<Div id="id1" class="class1">
Text
</div>

«Текст» здесь будет иметь красный фон, потому что «class1» - единственное определение с цветом фона.

Но и "id1", и "class1" имеют определения размера шрифта, поэтому определение класса игнорируется, а идентификатор используется для создания "Text" 12px.

Тогда для всех трех определений определен «цвет», и победителем становится «Div», делающий «Текст» зеленым.

, поэтому, когда вы напишите свой набор, как это,

# lightbox с z-индексом 100, .gallerylayer имеет z-индекс 1000

, у вас правильная идея, но ваше определение для ".gallerylayer" является классом, и если тегили для идентификатора этого раздела кода определено z-index, определение вашего класса z-index = 1000; будет проигнорировано.

Просто для того, чтобы убедиться, что определения не проигнорированы, я бы дал тег с class='gallerylayer' вдобавьте атрибут id='somethingUnique' и используйте его для определения правила z-index.

Но лучший способ проверить это - использовать Firefox с надстройкой Firebug и использоватьинструмент выбора элементов, чтобы увидеть, какие стили применяются и которые начинают игнорироваться на вашей странице.

Чтобы узнать больше о селекторах, попробуйте поискать здесь , чтобы получить всю необходимую документацию.

надеюсь, это поможет.

...