2014-12-05 83 views
-1

你好我想添加超鏈接到自定義背景圖片,所以當圖片被點擊時,它會被引導到另一個頁面。我正在使用的腳本。超鏈接背景圖像CSS

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。在錨標記包裝它

+3

內我不認爲你可以把超鏈接在CSS。更好的做法是用錨標記包裝圖像,並在它的href中提供url。 – 2014-12-05 08:36:22

+0

@PrabhatSubedi你可以。 – 2014-12-05 09:10:58

+0

你能否請澄清/解釋行*如何使用小部件和目標定製背景創建HTML文本?文本小部件必須放置在小部件區域,這不完全是我想要的。*對我來說? – jbutler483 2014-12-05 09:16:59

回答

1

,可以再添加功能(CSS是意味着只有視覺/顯示風格,不可用性)。它應該是你的HTML處理您的鏈接中使用的/ etc

<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; 
} 

替代


你也可以創建一個錨標記,並在其中有圖像:

<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方法是使用元素。

可以嵌套內<div><a>標籤,然後把你的形象:)

SOURCE

+0

我必須把這個腳本放在哪裏:?在wordpress中有一個通過文本小部件插入HTML腳本的工具。但我不想將圖像放在小部件區域中。 – 2014-12-05 09:30:06

+0

把它放在你想要的標記中(它不是一個腳本,它只是一個元素 - 很像div/p/table標記) – jbutler483 2014-12-05 09:36:38

+0

是的,太糟糕了我不知道如何插入它,因爲我使用的wordpress是wordpress.com不是wordpress.org。所以源代碼不是開源的。剩下的自定義只有CSS。你能一步一步告訴我的解釋嗎?我對這件事有點新。 : ) 謝謝。 – 2014-12-05 10:00:30