作者jono058777 (我是 Jono)
看板Web_Design
标题Re: [问题] 制作整块的连结
时间Tue Apr 3 22:16:52 2007
※ 引述《kaihsyn (新)》之铭言:
: http://docs.mootools.net/files/Effects/Fx-Elements-js.html
: 左边的选单
: 举"Core"选项
: 除了文字的部份
: 左边蓝色空白处也可以点按
: 我一直没办法做出这样子整块可以点按的连结
: 开了原始码之後发现其实只是类似的<div><a>内容</a></div>
: 不知道是不是用css可以做出这样的效果
: 请指点一下菜鸟我
: 谢谢
这空白 IE6 的确是没办法按下去的,因为对 anchor 来说 <a></a> tag
的 display : block 属性虽然把范围放大到了 block , 但是可以按的
地方还是只有在你连结的字上面,这一点在 Firefox 和 IE6 上,表现不
一样.
原 po 放的 link如果用 IE6 开和用 Firefox 开,core 那个link很明显
Firefox 可以整个按,IE 不行 ; 如果想要两种 browser 都可以用的话,
可以试试把<a></a> tag 的 css 加入 padding 属性,把外面的 <div>
撑开,这样就可以了
比如 :
<a href="..." class="anchor">test link</a>
.anchor
{
padding : 0 100px 0 100px ;
}
--
我的双B :
http://jono058777.blog93.fc2.com/
http://jono058777prime.blog77.fc2.com/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.126.44.151
1F:推 kaihsyn:感谢, 学到了display:block的用法. 解了我心头的问题. XD 04/04 00:42