阅读:2348回复:6
关于Firefox的下划线图片:QQ截图20120131123116.jpg 设置了强制去掉下划线,仅当悬停时,显示下划线,并改变链接颜色. 看到论坛定义的超链接下划线和文字部分分离的距离很恰当,如何应用到Firefox 样式中? 如图:第一个链接中,蓝色的链接下划线是悬停时显示的,和论坛定义的不重合,影响美观. <!-- w --><a class="postlink" href="http://www.google.com">www.google.com</a><!-- w --> |
|
|
1楼#
发布于:2012-01-31 12:33
论坛这个是伪下划线,所以跟你的那个不重合。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http"),url-prefix("ftp") { a { text-decoration: none !important; } a:hover { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: -moz-use-text-color !important; padding-bottom: 0pt !important; } } |
|
2楼#
发布于:2012-01-31 12:33
火狐用户问答 | 火狐社区 - http://mozilla.com.cn/qa/user/
这个也是么 |
|
|
3楼#
发布于:2012-01-31 12:33
alanfly:论坛这个是伪下划线,所以跟你的那个不重合。@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http"),url-prefix("ftp") { a { text-decoration: none !important; } a:hover { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: -moz-use-text-color !important; padding-bottom: 0pt !important; } }回到原帖 这个只要是链接的都加了下划线,特别是对于图片链接,加了下划线感觉有点~ 麻烦alan再改下~ 3Q |
|
|
4楼#
发布于:2012-01-31 12:33
3楼也是;
图片链接完全排除试了下没能做到,或者老实用underline: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http"),url-prefix("ftp") { a { text-decoration: none !important; } a:not([target="_blank"]):hover { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: -moz-use-text-color !important; padding-bottom: 0pt !important; } } |
|
5楼#
发布于:2012-01-31 12:33
alanfly:3楼也是; 恩,这样也好~ 能否看看这个问题好不好修改..... 能否修改该滚动条样式为淡入淡出 • Mozilla Firefox中文社区 - read-42959 |
|
|
6楼#
发布于:2012-01-31 12:33
不会;
css应该没有相关属性定位移动和静止状态。 |
|