гиперссылка фонового изображения CSS

Question

Здравствуйте, я хочу добавить гиперссылку на пользовательское фоновое изображение, поэтому при щелчке изображения она направляется на другую страницу. Сценарий, который я использую.

body.custom-background { 
background-attachment: fixed; 
background-image: url("https://remehtemehmedia.files.wordpress.com/2014/12/women6.jpg"); 
background-position: left bottom; 
background-repeat: no-repeat; 
} 

страница Я собираюсь направить ссылку: http://remehtemeh.com/2014/12/05/menyambut-doraemon-stand-by-me/

Как создать HTML-текст с помощью виджета и цель собственного фона? Текстовый виджет должен быть помещен в область виджетов, и это не совсем то, что я хочу.

Можете ли вы решить эту проблему для меня?

Заранее спасибо

Блог Мне нужна помощь в remehtemeh.com.

Answer 1

обернув его в теге привязки, вы можете добавить функциональность (КСС означает только для стилей визуального/дисплея, а не практичности). Это должен быть ваш HTML, который обрабатывает ваши ссылки использовать/и т.д.

<a href="http://home.com" id="logo">Your logo name</a> 

, то вы можете укладывать его с помощью CSS:

#logo { 
    background-image: url(images/logo.png); 
    display: block; 
    margin: 0 auto; 
    text-indent: -9999px; 
    width: 981px; 
    height: 180px; 
} 

---

Alternative

---

Вы можете также создать якорной метки и иметь изображение внутри него:

<a href="myLinkToPage"> <img src="myImgUrlSource" alt="" /></a> 

Вы управляете дизайном и стилями с помощью CSS, а не поведением вашего контента.

Вы собираетесь должны использовать что-то вроде <a id="header" href="[your link]">Logo</a>, а затем иметь CSS блок, такие как:

a#header { 
    background-image: url(...); 
    display: block; 
    width: ..; 
    height: ...; 
} 

Вы не можете вкладывать DIV внутри и до сих пор «действителен» код. является встроенным элементом, который не может юридически содержать элемент блока. Единственный способ, не связанный с Javascript для создания ссылки, - это элемент.

Вы можете вложить свой <a> тег внутри <div>, а затем поместить изображение внутри :)

~ SOURCE