Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

Background-image для ссылок

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS
 
Malcolm
Новичок

Новичок


: 40

: 04.07.2006
: 44

: 13, 2006 4:26 am     : Background-image для ссылок

Предположим есть рисунок в шапке сайта, при клике на который происходит переход на индексную страницу (стандартная ситуация вообщем-то). Рисунок начинает подгружаться одновременно с той страницей, на которой он расположен.
Для отложенной загрузки надо поместить его как фон какого-либо элемента, тогда сначала полностью откроется страница, а потом начнет грузиться рисунок.

Примерно так:
[code:1:50240f698b]<a href="index.html?quot;><div style="background-image:url(image.gif); width:100px; height:100px;"></div></a>[/code:1:50240f698b]
Такой код не верен семантически и не проходит валидацию, хотя и отображает все как мне надо.

Есть еще вариант такой:
[code:1:50240f698b]<a href="index.html?quot; style="display:block; background-image:url(image.gif); width:100px; height:100px;"></a>[/code:1:50240f698b]
Проходит валидацию и, если закрыть глаза на то, что мы из строчного элемента сделали блочный, всем устраивает. Но при наведении курсора на такую ссылку в IE6 рисунок "моргает", на пол секунды исчезая и потом сразу появляясь, хотя в Mozille все нормально.

Как сделать, чтобы он не моргал? Или может еще какой способ есть? Вариант с навешиванием onClick на пустой слой с фоновой картинкой можно не предлагать, слишком много условий для его работоспособности.
Malcolm
Новичок

Новичок


: 40

: 04.07.2006
: 44

: 13, 2006 6:43 am     :

Всё, можно не отвечать. Сделал вот как
[code:1:0f5ddc537f]<style type="text/css">
#logo {
background-image:url(image.gif);
}
#logo, #logo a{
width:100px;
height:100px;
display:block;
}
</style>

<div id="logo"><a href="index.html?quot;></a></div>
[/code:1:0f5ddc537f]
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 136748 / 0

Rambler's Top100 @Mail.ru