Ссылка в блоке div

Исильдур · May 7, 2012

Вобщем у меня на странице стоит фоновое изображение через background-image.

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

Хочу сделать блок div с определенной шириной и высотой, установить в нужное место и сделать его ссылкой..

Подскажите как это можно реализовать? Что бы этот блок div был пустой, тоесть прозрачный, что бы через него было видно фоновое изображение...

Или может есть еще какой нибудь способ выделить часть фонового изображения и сделать ее ссылкой,

При условии что размер изображения меняется от размера экрана...

Кто знает помогите пожалуйста!

ceil100 · May 7, 2012

ссылку блочной делаешь и задаешь ей размер

зачем плодить лишние элементы?

odys · May 7, 2012

On 5/7/2012 at 10:53 AM, ceil100 said:
ссылку блочной делаешь и задаешь ей размер
зачем плодить лишние элементы?

во-во или onclick с window.open

mrnobody · May 7, 2012

Вот :blush: - http://jsfiddle.net/dqE5v/

HTML+CSS код:

Reveal hidden contents

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
	div{
		margin: 40px;
		width: 333px;
		height: 300px;
		background: url(http://images.wikia.com/recipes/images/1/15/Red_Apple.jpg) no-repeat;
		border: 1px solid #479;
	}
	a{
		display: block;
		width: 50%; /*половина ширины родителя*/
		height: 100%;
		line-height: 300px;
		text-align: center;
		color: #ccc;
		font-family: Arial, "MS Trebuchet", sans-serif;
		text-decoration: none;
	}
	a:hover{
		background-color: rgba(65,55,55,.36); /*прозрачный фон*/
	}
</style>
</head>
<body>
	<div>
		<a href="#">Ссылка</a>
	</div>
</body>
</html>

Исильдур · May 7, 2012

Большое спасибо всем! Очень помогло!

Исильдур · May 7, 2012

Подскажите как лучше фоновое изображение поставить,

Что бы от размера экрана пропорционально менялось?

Если это вообще возможно... Я то я с этими ява скриптами намаялся уже...

ceil100 · May 7, 2012

так?

Исильдур · May 7, 2012

Да)) Очень благодарен!

Sign In

Ссылка в блоке div

Question

Исильдур

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

ceil100

Link to comment

Share on other sites

odys

Link to comment

Share on other sites

mrnobody

Link to comment

Share on other sites

Исильдур

Link to comment

Share on other sites

Исильдур

Link to comment

Share on other sites

ceil100

Link to comment

Share on other sites

Исильдур

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information