Возможно ли вставить ссылку через css?

Так это ссылка? Или фоновая картинка?

Есть псевдоэлементы :before и :after

http://htmlbook.ru/css/before

Это картинка, но нужно что-бы она стала картинкой-ссылкой.

Оберните ее тегом <a>. Как то так <a href="url"><img src="" /></a>

Так а причём здесь CSS?

$('.logo').click(function(){window.location.href='http://new-url'})

UPD разве что добавить

cursor:pointer;

Вы уверены что в css это работать будет?

Да, это нужно прописывать в HTML. В CSS только стили.

http://www.yootheme.com/demo/themes/joomla/2012/inspire/index.php?option=com_content&view=article&id=1&Itemid=1&profile=landscape

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

Вариант "просто" наложить сверху прозрачный блок нужных размеров с position:absolute, в котором будет ссылка (или сама ссылка с display:block) и указанием нужной высоты не рассматривается?

Анимация применена к блоку див с классом "top-a-layer-3". Может сработает такой вариант. Добавить в этот див тег <а> с ссылкой. Этому <а> задать стили display: block; height: 100%;

Примерно так:

<div class="top-a-layer-3"><a href="link">link</a></div>

И CSS

.top-a-layer-3 a {
      display: block;
      height: 100%;
      text-indent: -9999px;
}

Но может и не сработать )

В шаблоне весь блок с пейзажем:

<div id="block-top-a">

		<?php if ($this['modules']->count('top-a')) : ?>		

			<div class="top-a-layer-1"></div>

			<div class="top-a-layer-2"></div>

			<div class="top-a-layer-3"></div>

			<div class="top-a-layer-4"></div>

		<?php endif; ?>

		<div class="top-a-shadow"></div> 

Дирижабль это layer-3

в css стиль:

.top-a-layer-3 {

	position: absolute;

	left: 50%;

	bottom: 150px;

	height: 253px;

	width: 225px;

	margin-left: 500px;

	background: url(../../images/background/landscape/landscape_airship.png) 0 0 no-repeat;

	-webkit-animation: zeppelin 10s infinite;

	-moz-animation: zeppelin 10s infinite;

	-ms-animation: zeppelin 10s infinite;

	animation: zeppelin 10s infinite;

}

Нужно как-то заставить layer-3 стать ссылкой.

---------- Добавлено 23.10.2013 в 23:54 ----------

Я так уже пробовал :)