網域名稱俱樂部

網域名稱俱樂部 (https://www.domainclub.org/index.php)
-   網站製作與設計接案 (https://www.domainclub.org/forumdisplay.php?f=41)
-   -   請問css的語法方式,如何讓圖片代超連結? (https://www.domainclub.org/showthread.php?t=23364)

paladaok 2008-11-18 10:18 AM

請問css的語法方式,如何讓圖片代超連結?
 
請問css的語法方式,如何讓圖片代超連結?

我要改wp的風格如右邊網址 http://seo-go.net/要讓上面那張圖代超連結

我找到程式碼,是由下面這段控制的

<?php

define('HEADER_TEXTCOLOR', '');
define('HEADER_IMAGE', '%s/img/misty.jpg'); // %s is theme dir uri
define('HEADER_IMAGE_WIDTH', 760);
define('HEADER_IMAGE_HEIGHT', 200);
define( 'NO_HEADER_TEXT', true );

function mistylook_admin_header_style() {
?>
<style type="text/css">
#headimg {
background: url(<?php header_image() ?>) no-repeat;
}
#headimg {
height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
}

#headimg h1, #headimg #desc {
display: none;
}
</style>
<?php

下方CSS的有做一些定義。
我想在這邊下一段定義,上方的大圖即可以代超連結功能
沒有下過圖片上加超連結的CSS語法,找了很多資料也找不到,煩請了解的高手解答。

肛恩啊

mushroom 2008-11-18 01:06 PM

一般的超連結,設背景即可。

<a href="....">連結</a>

font-size: 1px;
width: 圖寬px; height: 圖高px;
background: url("圖檔位置") no-repeat;

paladaok 2008-11-21 09:16 AM

您好。
請問 background: url("圖檔位置") no-repeat; 這語法好像是指圖檔的位置
我是要問如何下css讓圖片代超連結到如 http://khtt.seo080.com
這樣喔

引用:

作者: mushroom (文章 131697)
一般的超連結,設背景即可。

<a href="....">連結</a>

font-size: 1px;
width: 圖寬px; height: 圖高px;
background: url("圖檔位置") no-repeat;


wmh 2008-12-08 09:46 PM

css 沒辦法讓圖片加上超連結...

超連結是 html 內 <a> 這個 tag 的工作
css 只是負責呈現的樣式

badsmaru 2009-02-11 09:30 AM

CSS的地方,您寫成
引用:


# logo { background: url('圖片位置') no-repeat; width:寬度; height:高度;}

頁面寫這樣
引用:


<div id=logo><a href=連結位置></a></div>


範例:按我


所有時間均為 +8。現在的時間是 07:43 PM

Powered by vBulletin® 版本 3.8.4
版權所有 ©2000 - 2024,Jelsoft Enterprises Ltd.