PDA

查看完整版本 : 請問css的語法方式,如何讓圖片代超連結?


paladaok
2008-11-18, 10:18 AM
請問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
這樣喔

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

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




範例:按我 (http://funny.badsmaru.com/)