文档章节

纯CSS实现的鼠标经过文本时提示的信息

lgscofield
 lgscofield
发布于 2015/06/26 13:59
字数 125
阅读 20
收藏 0

<a class="tooltips" href="#tooltips">
    这就是Tooltips
    <span>
        正是你见到的,这些附加的说明文字是在鼠标经过的时候显示。
    </span>
</a>
<style type="text/css">
/*Tooltips*/
.tooltips{
    position:relative; /*这个是关键*/
    z-index:2;
}
.tooltips:hover{
    z-index:3;
    background:none; /*没有这个在IE中不可用*/
}
.tooltips span{
    display: none;
}
.tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/
    display:block;
    position:absolute;
    top:21px;
    left:9px;
    width:15em;
    border:1px solid black;
    background-color:#ccFFFF;
    padding: 3px;
    color:black;
}
</style>
 

本文转载自:http://lgscofield.iteye.com/blog/1742242

共有 人打赏支持
lgscofield

lgscofield

粉丝 20
博文 140
码字总数 63036
作品 0
南京
架构师
12款超强CSS3应用集锦下载

CSS3非常强大,它可以渲染很多你意想不到的特效,而且目前浏览器对CSS3的支持也逐渐放开了,所以利用CSS3可以制作一些即美观又实用的网页应用,下面12款CSS3应用集锦分享给大家,有源代码下载...

Lunaqi
2017/11/20
0
0
前端开发css实战:使用css制作网页中的多级菜单

前端开发css实战:使用css制作网页中的多级菜单   在日常工作中,大家都会遇到一些显示隐藏类菜单,比如页头导航、二维码显示隐藏、文本提示等等......而这些效果都是可以使用纯css实现的(...

grootzhang
2016/05/18
0
0
精选30个优秀的CSS技术和实例

收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。 单击每...

晨曦之光
2012/03/09
0
0
【转】能用css的地方尽量不要用js

原文:http://blog.csdn.net/wzgdjm/article/details/50824236 在写这篇文字的时候,本来没有打算归类到前端性能优化的范畴,只是想写一些关于有的地方我们可以利用css代替js实现网页动态的效...

iNiL0119
2016/10/10
25
0
CSS 5种很炫的Hover效果。跳,放大,旋转,淡入,悬浮

给平淡的站点带来活力 hover效果能给网页增加一些动态效果,并且使得站点更具有活力。原来的做法是使用javascript来实现这些动态效果,但是随着CSS3的引入和现代浏览器的支持,我们可以用纯粹...

筱飞
2016/03/24
522
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

【七】组合Action

本章描述了常用定义Action的方法。 自定义action builders 我们在action一章已经看过如何声明一个action——有request parameter、无request parameter、有body parser等等。你可以在 asynch...

Landas
35分钟前
0
0
Spring Boot实战之基础回顾

本文作者: 吴伟祥 本文链接: https://wuweixiang.cn/2018/08/21/Spring-Boot实战之基础回顾/ 版权声明: 本博客所有文章除特别声明外均为原创,采用CC BY-NC-SA 4.0 许可协议。转载请在文章开...

吴伟祥
36分钟前
0
0
OAuth认证开发

提示: 以下测试是基于项目安装成功,初始化数据库(initial_db.ddl, oauth.ddl, initial_data.ddl)后的测试, 也可在页面上点击"client_details"菜单里进行测试 方式1:基于浏览器 (grant_type=...

舒文joven
44分钟前
1
0
第二章-对象及变量的并发访问-第二篇

锁对象的改变 请阅读如下代码 public class MainClass { private String lock = "123"; public void printStringB() { try { synchronized (lock) { ......

简心
48分钟前
0
0
日志中记录代理IP以及真实客户端、apache只记录指定URI的日志

apache 日志中记录代理IP以及真实客户端 默认情况下log日志格式为: LogFormat "%h %l %u %t "%r" %>s %b "%{Referer}i" "%{User-Agent}i"" combined 其中%h 是记录访问者的IP,如果在web的前...

李超小牛子
57分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部