html5+css3
关注
分享
扫一扫
捷搜索
捷搜索（www.jsosuo.com）是一个专注于IT行业技术传播、交流、学习的实用性平台，欢迎加入我们这个大家庭。.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
正确使用css的相对定位
**有时候我们使用的相对定位时会达不到一定的效果。 只要记住：父级使用position:relative和子级position:absolute配合使用，这就是所谓的相对定位。 具体实验论证代码请浏览：正确使用css的相对定位**原创 2017-09-06 15:01:05 · 405 阅读 · 0 评论 -
IE浏览器下透明背景元素hover无效
问题：IE下透明背景元素，鼠标移到文字上才会触发hover，当移到文字旁边的背景上不会触发hover，如下案例(代码+效果图)：<!DOCTYPE html><html><head><meta charset="utf-8"><style>ul{ position: absolute; z-ind...原创 2018-09-05 14:34:30 · 498 阅读 · 0 评论 -
animation动画结束后css样式怎么保留最后状态
本文来源于 CSS animation动画之animation-fill-mode特性问题css属性animation动画可以轻松地给页面带来很炫很酷的效果，但是有时候我们会遇到这个问题，动画结束后css状态会返回到初始状态，那么这并不是我们想要的，我们希望动画结束后css状态达到最后的模样。解决方案为了达到这个效果，可以给个css样式：animation-fill-mode...原创 2018-09-28 10:26:46 · 12656 阅读 · 0 评论 -
JS实现网页动态时钟
问题我们时常在网页上能看到动态的时间显示，那么是如何实现的呢？解决方案原理是利用js的定时效果，每隔0.5s调用一次获取时间的函数，然后进行渲染到需要放置的地方。代码如下：示例代码请浏览：JS实现网页动态时钟 ...原创 2018-10-31 13:09:42 · 1178 阅读 · 0 评论 -
clipboard.js实现一键复制功能
问题做项目的时候，需要用到一键点击实现复制文本的功能，所以就针对于复制这一块做了研究，那么究竟如何能实现这个功能呢？解决方案经过多番搜索和尝试，发现大多数复制技术的浏览器兼容性很差，最终发现使用clipboard.js插件有很好的兼容性，我们的项目最终也使用了这个插件实现复制功能，在这里给大家分享一下。第一步，引入clipboard.js插件(可以在百度上搜索下载此js文件)第...原创 2018-10-31 15:36:32 · 533 阅读 · 0 评论 -
user-select的详细用法
前言做网页的时候，有些文字我们需要能被选中，有些我们不要能被选中，那么这就需要用到一个css属性了，那就是 user-select 使用方法user-select: none|auto|text|contain|all;/*firefox浏览器*/-moz-user-select: none|text|all;/*safari、chrome浏览器*/-webkit-use...原创 2018-10-31 15:42:14 · 10442 阅读 · 0 评论 -
css文字超出部分省略号代替
问题之前做过好过网页，其中经常遇到一个常用的知识点，就是当文字超出界面的范围，用省略号代替显示，给网页一美观。解决方案1.单行显示省略号：点击查看代码详情效果如下:2.多行显示省略号：点击查看代码详情效果如下：...原创 2018-11-15 18:13:56 · 692 阅读 · 2 评论