![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
红烧茄子蛋炒饭
这个作者很懒,什么都没留下…
展开
-
页面高度超过屏幕显示高度禁止显示滚动条
html{overflow-y:auto}/强制显示滚动条:html { overflow: scroll; }//强制隐藏滚动条:html { overflow-y:auto }//隐藏IE的水平滚动条:html { overflow-x: hidden; }//隐藏IE的垂直滚动条:html { overflow-y: hidden; }//强制显示...原创 2019-11-06 11:39:14 · 1292 阅读 · 0 评论 -
css3使网页、图片变成灰色兼容大多数浏览器
html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.Basic...原创 2019-08-08 15:16:25 · 456 阅读 · 0 评论 -
HTTPS引入百度地图报错
最近公司一个老项目的一个网站引入的百度,地图突然不显示了。报下面的错误。。。 添加:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">意思是自动将http的不安全请求升级为https查看百度地图官网,官网提供了一种方法说是,加上&s=1就可以了...原创 2019-07-11 15:22:51 · 1274 阅读 · 0 评论 -
关于link标签,引入图标走过的坑---link引入图标不显示
最近在做一个公司官网项目,用link标签引入ico图标。然后很奇葩的事情发生了,,,,,在测试的时候本地测试图标能够正常显示,放到服务器上后。所有页面图标都不显示,但是单独拿出来图标路径是可以显示的,也就是路径没错。清除浏览器缓存也没效果。代码是这样的:<link rel="shortcut icon" href="__TMPL__/public/images/picture...原创 2019-07-03 10:20:16 · 12326 阅读 · 1 评论 -
html css js 手机底部切换
HTML部分: <div class="footerwrap"> <div class="footer"> <ul class="clearfix"> <li class="Imgbox" img="[!--news.url--]skin/phone/img/shouye/cpjs.png" da原创 2019-03-04 16:12:37 · 537 阅读 · 0 评论 -
jQuery 实现页面向下滚动右下侧才出现返回顶部
html:<div class="gallery"> <img src="images/zhizhen.png" alt=""></div>css:.gallery{ width: 60px; height: 60px; position: fixed; z-index: 10; bottom: 60px; right: 20px;di..原创 2018-08-24 14:39:34 · 399 阅读 · 0 评论 -
jQuery 点击获取验证码,倒计时30秒
HTML: <div class="layui-form-item"> <input class="layui-yanzheng" id="rcode" name="code" placeholder="请输入验证码" type="text" autocomplete="off"&a原创 2018-06-29 18:12:07 · 2525 阅读 · 0 评论 -
Webstrom常用的快捷键
Alt+F1 查找代码所在位置Alt+1 快速打开或隐藏工程面板Alt+Insert 生成代码(如get,set方法,构造函数等)Alt+Shift+C 对比最近修改的代码 alt + left/right:标签切换Alt+回车 导入包,自动修正Alt+ left/right 切换代码视图Alt+ Up/Down 在方法间快速移动定位ctrl + shift + n: 打开工程中的文件,目的是打开...原创 2018-06-09 23:10:12 · 546 阅读 · 0 评论 -
使用HTML5和JavaScript调用摄像头,并且实现拍照功能
<!DOCTYPE html><html lang="ZH-CN"><head> <meta charset="utf-8"> <title>web RTC 测试</title> <style> .booth { width:400px;原创 2018-06-09 22:46:42 · 7538 阅读 · 9 评论 -
关于input框,遇到的一些问题以及解决方法
1、CSS去掉谷歌浏览器的黄色背景input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }2、限制input框输入的字符长度 maxlength 属性例:<input type="text" maxlength="10">;(input框只能输入10个字符)。3、 input禁止输入 reado...原创 2018-06-09 15:02:16 · 911 阅读 · 0 评论 -
整理常用的一些 关于input的正则
1、 不能输入数字 <input onkeyup="value=value.replace(/[\d]/g,'') " type="text" /> 2、 只能输入数字 <input onkeyup="value=value.replace(/\D/g,'')" type="text" /> 3、只能输入数字和英文的 &am原创 2018-06-15 15:08:20 · 1204 阅读 · 2 评论 -
Web前端 HTML CSS 特殊字符表
⇠ 箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS⇠&#8672u21E021E0⇢&#8674u21E221E2⇡&#8673u21E121E1⇣&#8675u21E321E3↞&#8606u219E219E↠&#8608u21A021A0↟&#8607u219F219F↡&#8609u21A121...原创 2018-06-09 23:13:45 · 8817 阅读 · 3 评论 -
整理 HTML5 新增的语义化标签
新的标签带来的是网页布局的改变及提升对搜索引擎的友好<article> 定义文章 <aside> 定义文章的侧边栏<figure> 一组媒体对象以及文字 <figcaption> 定义 figure 的标题<footer>定义页脚 <header>定义页眉<hgroup>定义对网页标题的组合 <原创 2018-06-09 23:45:43 · 12475 阅读 · 1 评论