只在部分背景圖像上放置html鏈接，typo3網站。

我接管了一個在表格中編碼的網站（看起來像DW），並且在typo3 CMS中進行了一半編碼，並且一半是硬編碼的。只在部分背景圖像上放置html鏈接，typo3網站。

無論如何，我的老闆已經要求我將徽標點擊鏈接到徽標顯示的每個頁面的首頁。問題在於，標誌是構成頁面三分之一的整個圖像的一部分，因此連接整個圖像是不可能的。

我不想重構和分割圖像以將徽標與BG圖像分開，那麼是否可以在鏈接上放置鏈接部分？

我想過一個空白的div，它只在標註部分填充100％的鏈接標籤，這是可能的，它會工作嗎？該網站在這裏http://overbeckanalytics.com/typo3/menu-top/about-us.html ...你可以保存BG圖像，看到它的不只是徽標...

請告訴我，如何才能做出一個鏈接，只在該圖像上的標誌座標。

來源

2011-11-11 user1042576

O.K我想通了！我只是將內聯CSS添加到錨標籤並將鏈接放置在標誌上。一個解決方法，但期望的效果是在那裏，所以我想我現在很高興:) – user1042576

<body>元素上的背景圖像？如果是的話，這應該工作：

<body> 
    <a href="http://example.com/" id="logo_link">Example Company</a> 
</body>

有了這個CSS：

a#logo_link { 
    position: absolute; 
    display: block; 
    visibility: hidden; 
    left: 42px; 
    top: 42px; 
    width: 42px; 
    height: 42px; 
}

注意<a>標籤必須直接在<body>標籤內，否則的位置可能不正確。然而，它可以在身體標籤的任何地方，在開始或結束。

我也將公司名稱放在鏈接中，因爲鏈接沒有任何文本是一個壞主意。一個空白的鏈接不能被瀏覽器理解爲爲殘疾用戶設計，它可能會觸發搜索引擎中的垃圾郵件算法。 visibility屬性將使鏈接不可見，即使它仍然存在並且可以點擊。

來源

2011-11-11 23:16:09

我提供了一個示例答案。如果你被允許加載一個JQuery庫並且可以在頁面的某處放置錨點。

http://jsfiddle.net/XFvQD/

來源

2011-11-11 23:18:51

我只使用jQuery允許錨標記在表內。如果你可以應用一個ID /類的話，它應該在嵌套表中。 –

你要尋找的是這樣的：

<html> 
<body> 
<img src="http://listphobia.com/wp-content/uploads/honda-v4-concept1.jpg"/> 
<a href="http://www.google.com" style="border: 1px solid red; position: absolute; top: 15px; left: 50px; width: 30px; height: 30px;"></a> 
</body> 
</html>

來源

2011-11-11 23:29:22

只在部分背景圖像上放置html鏈接，typo3網站。

回答

相關問題