文档章节

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

lgscofield
 lgscofield
发布于 2015/06/26 13:59
字数 125
阅读 16
收藏 0
点赞 0
评论 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
博文 105
码字总数 63036
作品 0
南京
架构师
12款超强CSS3应用集锦下载

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

Lunaqi ⋅ 2017/11/20 ⋅ 0

精选30个优秀的CSS技术和实例

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

晨曦之光 ⋅ 2012/03/09 ⋅ 0

js 各种图片特效

图片特效 JavaScript封装的平滑图片滚动,绝不用jQuery JavaScript封装的平滑图片滚动,绝不用jQuery,我感觉这肯定是位Js高人所为,封装的不错啦,注释内容也很多,研究Js的看看 竖向图片滚...

june-映君 ⋅ 2014/05/31 ⋅ 3

【转】能用css的地方尽量不要用js

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

iNiL0119 ⋅ 2016/10/10 ⋅ 0

CSS 5种很炫的Hover效果。跳,放大,旋转,淡入,悬浮

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

筱飞 ⋅ 2016/03/24 ⋅ 0

HTML5常用元素与属性

HTML5规范保持了对现有HTML的最大兼容,并保留了绝大部分元素和属性,HTML推荐使用CSS来控制HTML文档样式 一、HTML5保留的常用元素 1、基本元素 HTML保留的基本元素有如下几个: <!-- -->: ...

阿振 ⋅ 2015/10/13 ⋅ 0

浅谈web标准、可用性、可访问性

一、web标准 简单的说,就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Beh...

布莱恩- ⋅ 2011/05/07 ⋅ 0

网站开发流程以及HTML5简介(三)

二、网页的基本结构 网页是由什么组成的: > 内容:如文字,图像等,一般由HTML代码负责实现。什么是HTML?HTML是一种能展示图片,文字,多媒体信息的超强文本。 >样式:如颜色,字体大小等修...

博为峰教研组 ⋅ 2016/11/24 ⋅ 0

20 个 CSS 高级技巧汇总

黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filte...

名字已被取 ⋅ 2016/03/15 ⋅ 0

7 个效果震憾的 HTML5 应用组件

在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5...

yykj ⋅ 2013/07/02 ⋅ 19

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JDK1.6和JDK1.7中,Collections.sort的区别,

背景 最近,项目正在集成测试阶段,项目在服务器上运行了一段时间,点击表格的列进行排序的时候,有的列排序正常,有的列在排序的时候,在后台会抛出如下异常,查询到不到数据,而且在另外一...

tsmyk0715 ⋅ 13分钟前 ⋅ 0

spring RESTful

spring RESTful官方文档:http://spring.io/guides/gs/rest-service/ 1. 可以这么去理解RESTful:其实就是web对外提供的一种基于URL、URI的资源供给服务。不是一个原理性知识点。是一个方法论...

BobwithB ⋅ 15分钟前 ⋅ 0

C++ 中命名空间的 5 个常见用法

相信小伙伴们对C++已经非常熟悉,但是对命名空间经常使用到的地方还不是很明白,这篇文章就针对命名空间这一块做了一个叙述。 命名空间在1995年被引入到 c++ 标准中,通常是这样定义的: 命名...

柳猫 ⋅ 18分钟前 ⋅ 0

@Conditional派生注解

@Conditional派生注解(Spring注解版原生的@Conditional作用) 作用:必须是@Conditional指定的条件成立,才给容器中添加组件,配置配里面的所有内容才生效; @Conditional扩展注解 作用(判...

小致dad ⋅ 18分钟前 ⋅ 0

适配器模式

适配器模式 对象适配器 通过私有属性来实现的类适配器 通过继承来实现的接口适配器 通过继承一个默认实现的类实现的

Cobbage ⋅ 22分钟前 ⋅ 0

Java 限流策略

概要 在大数据量高并发访问时,经常会出现服务或接口面对暴涨的请求而不可用的情况,甚至引发连锁反映导致整个系统崩溃。此时你需要使用的技术手段之一就是限流,当请求达到一定的并发数或速...

轨迹_ ⋅ 26分钟前 ⋅ 0

GridView和子View之间的间隙

默认的情况下GridView和子View之间会有一个间隙,原因是GridView为了在子View被选中时在子View周围显示一个框。去掉的办法如下: android:listSelector="#0000" 或 setSelector(new ColorDra...

国仔饼 ⋅ 29分钟前 ⋅ 0

idea插件开发

1 刷新页面要使用多线程 2 调试要使用restart bug 不要去关闭调试的idea 否则再次启动会卡住

林伟琨 ⋅ 29分钟前 ⋅ 0

Java 内存模型

物理机并发处理方案 绝大多数计算任务,并不是单纯依赖 cpu 的计算完成,不可避免需要与内存交互,获取数据。内存要拿到数据,需要和硬盘发生 I/O 操作。计算机存储设备与 cpu 之间的处理速度...

长安一梦 ⋅ 36分钟前 ⋅ 0

思路分析 如何通过反射 给 bean entity 对象 的List 集合属性赋值?

其实 这块 大家 去 看 springmvc 源码 肯定可以找到实现办法。 因为 spirngmvc 的方法 是可以 为 对象 参数里面的 list 属性赋值的。 我也没有看 具体的 mvc 源码实现,我这里只是 写一个 简...

之渊 ⋅ 57分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部