html5+css3
捷搜索
捷搜索(www.jsosuo.com)是一个专注于IT行业技术传播、交流、学习的实用性平台,欢迎加入我们这个大家庭。.
展开
-
正确使用css的相对定位
**有时候我们使用的相对定位时会达不到一定的效果。 只要记住:父级使用position:relative和子级position:absolute配合使用,这就是所谓的相对定位。 具体实验论证代码请浏览:正确使用css的相对定位**原创 2017-09-06 15:01:05 · 356 阅读 · 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 · 436 阅读 · 0 评论 -
animation动画结束后css样式怎么保留最后状态
本文来源于 CSS animation动画之animation-fill-mode特性 问题 css属性animation动画可以轻松地给页面带来很炫很酷的效果,但是有时候我们会遇到这个问题,动画结束后css状态会返回到初始状态,那么这并不是我们想要的,我们希望动画结束后css状态达到最后的模样。 解决方案 为了达到这个效果,可以给个css样式: animation-fill-mode...原创 2018-09-28 10:26:46 · 12551 阅读 · 0 评论 -
JS实现网页动态时钟
问题 我们时常在网页上能看到动态的时间显示,那么是如何实现的呢? 解决方案 原理是利用js的定时效果,每隔0.5s调用一次获取时间的函数,然后进行渲染到需要放置的地方。代码如下: 示例代码请浏览:JS实现网页动态时钟 ...原创 2018-10-31 13:09:42 · 1103 阅读 · 0 评论 -
clipboard.js实现一键复制功能
问题 做项目的时候,需要用到一键点击实现复制文本的功能,所以就针对于复制这一块做了研究,那么究竟如何能实现这个功能呢? 解决方案 经过多番搜索和尝试,发现大多数复制技术的浏览器兼容性很差,最终发现使用clipboard.js插件有很好的兼容性,我们的项目最终也使用了这个插件实现复制功能,在这里给大家分享一下。 第一步,引入clipboard.js插件(可以在百度上搜索下载此js文件) 第...原创 2018-10-31 15:36:32 · 489 阅读 · 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 · 10205 阅读 · 0 评论 -
css文字超出部分省略号代替
问题 之前做过好过网页,其中经常遇到一个常用的知识点,就是当文字超出界面的范围,用省略号代替显示,给网页一美观。 解决方案 1.单行显示省略号: 点击查看代码详情 效果如下: 2.多行显示省略号: 点击查看代码详情 效果如下: ...原创 2018-11-15 18:13:56 · 623 阅读 · 2 评论