文章分类 - Html+css
摘要:已经测试通过,可以使用: 方法一、 如果只需要让不支持placeholder的浏览器能够支持改功能,并不要求支持原生placeholder的浏览器表现一致,那么可以采用如下方法: 方法二、如果需要自定义样式,并且希望placeholder在所有浏览器下表现一致,可以通过利用label标签模拟一个pl
阅读全文
摘要:Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。 html5shiv 使不
阅读全文
摘要:body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;} *{margin: 0;padding:0;} img{border:0;} ul {margin:0;padding:0;}/ ul li {list-style:none;} input,textarea {outline: none;...
阅读全文
摘要:-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效,是IE9/10的hack \0/ IE8 only 原文地址:https://blog.csdn.
阅读全文
屏蔽谷歌浏览器(webkit)中的input、textarea的默认点击/聚焦高亮的样式 input {outline: none;}textarea {outline: none;},input高亮
摘要:学习转载 屏蔽谷歌浏览器(webkit)中的input、textarea的默认点击/聚焦高亮的样式 WebKit作为一个开源的浏览器引擎,而且有google及苹果的大力推广,应该将来的市场占有的份额应该不错。 同时苹果和google推出的相关智能手机也会用到webkit内核的mini浏览器。 这两款
阅读全文
摘要:在使用chrome浏览器设计网页时,想将input背景改成透明,也就是 background-color:transparent; 可是效果并不如人意 hack方法:【测试可以使用】
阅读全文
摘要:使用 JS 阻止整个网页的内容被选中 阻止特定区域的内容被选中 使用 CSS 控制样式阻止内容被选中 仅支持非 IE10 以下的浏览器。IE9 以下请使用 onselectstart="return false;" 的方式来实现。 清除选中
阅读全文
摘要:https://blog.csdn.net/fanpeizhong/article/details/80588460 在项目中常常会遇到这样的问题:页面主要内容不足以铺满一个屏幕的高度,footer下面就会有白块剩余。如下图: 我们希望实现的效果是,在主要内容不足以铺满整个屏幕的情况下,footer
阅读全文
摘要:var tel = "13122223333"; var reg = /^(\d{3})\d{4}(\d{4})$/; tel = tel.replace(reg, "$1****$2"); console.log(tel); var tel = "13122223333"; var reg = /
阅读全文
摘要:1,修改父级元素的高度,增加padding-top:1px;的样式模拟, 2,为父级元素添加overfl:hidden;样式( 完美 ) 3,为父级或者子级元素声明浮动 float:left ( 可用) 4,为父级元素添加border:1px solid transparent . (老师讲的方法)
阅读全文
摘要:1. detail为最外层弹窗,要用fixed绝对定位布局 内容部分分为两部分 1是承载主体内容 2.存放关闭按钮
阅读全文
摘要:Document 12313 by jubdit 12313 by jubdit 12313 by jubdit 12313
阅读全文
摘要:http://www.51xuediannao.com/html+css/htmlcssjq/user-select.html
阅读全文
摘要:苹果为了提高Safari中网站的辅助功能,屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面,就算加上user-scalable=no,Safari浏览器也能支持手动缩放。 对于很多开发者来说,这是一个悲催的问题,如何解决,这个网上已经有了。用js加监听事件来阻止手动缩放。
阅读全文
摘要:在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。 ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ ::-webkit-input-placeholde
阅读全文
摘要:filter:alpha(opacity=70);/*IE浏览器*/ background-color: #000; filter:alpha(opacity=70);/*IE浏览器*/ opacity: 0.7;
阅读全文
摘要:目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特效,依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。我对JS不是特别了解(只能看懂和修改JS代码的程度的能力,但是无论任何JS代码都敢修改的程度),这效果能做出来的,我就不贴具
阅读全文
摘要:flexbox布局 平均水平分3栏 文字文字文字文字文字文字文字 text text text text text text text text 文字文字文字文字文字文字文字 平均水平分4栏 文字文字文字文字文字文字文字 ...
阅读全文
摘要:Document 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
阅读全文
摘要:box-shadow: offset-x offset-y blur spread color position; http://www.iyangqiong.com/web/318.html 实例:
阅读全文