css миниатюры сетка настенная как обои? - PullRequest
Новая
       46

css миниатюры сетка настенная как обои?

0 голосов
/ 07 мая 2011

Я действительно хочу сделать стену миниатюр для экрана с разрешением 2560x1440px

Я хочу, чтобы сетка сидела за моей страницей, выступая в качестве фона на сайте.

Но когдастраница прокручивается, сетка остается неподвижной.

Я сделал несколько CSS и HTML и протестировал их в Firefox4 и Chrome, которые, кажется, работают нормально,

Но в IE8 это не работает,page div не перекрывает стену сетки, а сидит под ней.

Может ли кто-нибудь пролить свет на то, как это можно сделать простым способом для кросс-браузерной совместимости, пожалуйста.

Спасибо зазаранее,

Джон

##################################### ОБНОВЛЕНИЕ

При тестировании css/ HTML на IE использовать правильный формат.Вместо того, чтобы просто бросать css и html только на страницу.

Спасибо за ответ Гуффы.

Также и ответ Сэма Боулера о z-index был также хорошим.

Я не пробовал его в IE без него, но он работает, поэтому я пока не буду тратить на него время.

Спасибо, Гуффа и Сэм

Ответы [ 3 ]

2 голосов
/ 07 мая 2011

Это потому, что у вас нет HTML-документа. У вас просто есть несколько HTML-тегов, которые вы добавляете в браузер, и браузер старается использовать их наилучшим образом и делает это на удивление хорошо.

Поскольку у вас нет тега doctype, IE отображает страницу в режиме причуд, что в основном означает, что он пытается эмулировать самый старый из возможных способов сделать все. Поскольку position:fixed является недавним дополнением, оно не поддерживается в этом режиме.

Для действительного документа HTML требуются теги html, head, title и body, а также тег doctype, чтобы браузер не отображал страницу в режиме причуд. Итак, минимальный HTML-документ, который отображается в стандартном совместимом режиме, выглядит следующим образом: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Ваш тег style находится внутри тега head, а содержимое - внутри тега body.

Существуют различные теги doctype, которые вы можете использовать, в зависимости от того, какую версию HTML вы хотите использовать, см. Рекомендованный W3C список объявлений Doctype .

1 голос
/ 07 мая 2011

Если вы не можете объединить фоновое изображение, вам нужно использовать z-index.Присвойте #grid меньший z-индекс, чем #wrap, и вы будете отсортированы (если оба элемента расположены, как они есть в минуту).

0 голосов
/ 07 мая 2011

Как насчет объединения миниатюр в один файл png / jpg?Тогда вы можете: 

body
{
    background: url('thumbnails.jpg');
}

Больше не нужно возиться с z-index.

...