摘要: 以上CSS代码所管辖的区域对就关系:以上注释中的数字与下图中数字相对应。 上图正如如下所言: ::-webkit-scrollbar 滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等。 ::-webkit-scrollbar-butt 阅读全文
posted @ 2017-06-28 16:50 WEB1010113045 阅读(1116) 评论(0) 推荐(0) 编辑
摘要: @-moz-document url-prefix(http://),url-prefix(https://) { /* 滚动条颜色 */ scrollbar { -moz-appearance: none !important; background: rgb(0,255,0) !important; } ... 阅读全文
posted @ 2017-06-28 16:43 WEB1010113045 阅读(9679) 评论(1) 推荐(0) 编辑
摘要: 经过不断的测试发现,在Win8 下面,有一部分样式都起着相同的作用。估计是因为在Win8中扁平化的界面设计而重新定议了系统中滚动条!以下是Win 8下面的滚动条样式,并写出了和CSS支持的情况: 以上所写的几个四个CSS属性,足以控制Win 8系统下,IE浏览器的滚动条样式了。但经过测试,发现,其它 阅读全文
posted @ 2017-06-28 16:41 WEB1010113045 阅读(6916) 评论(0) 推荐(0) 编辑
摘要: 背景图撑开盒子高度 阅读全文
posted @ 2017-06-28 14:29 WEB1010113045 阅读(1884) 评论(0) 推荐(0) 编辑
摘要: var reg = new RegExp("[\u4E00-\u9FFF]+","g");if (reg.test(str)) { alert('chinese');} 阅读全文
posted @ 2017-06-28 14:16 WEB1010113045 阅读(901) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title></head><style type='text/css'>.circle { width: 200px; height: 200 阅读全文
posted @ 2017-06-28 12:04 WEB1010113045 阅读(2461) 评论(0) 推荐(0) 编辑
摘要: 限制只能输入数字,且不能为负数,如果数字是两位数的则不能是0开头 限制输入数字,如果是非数字的情况就会返回上一次输入的值 阅读全文
posted @ 2017-05-26 17:58 WEB1010113045 阅读(480) 评论(0) 推荐(0) 编辑
摘要: 在文字内容很多的情况下,且这些内容还会影响到盒子大小,这时候我们就需要限制盒子宽和高,但内容的显示又不是很美观,这时候我们就可以通过以下这些代码来修饰内容显示效果 width:100%; 盒子的宽度 height:34px; 盒子的高度(跟显示几行有关系) overflow:hidden; 内容超出 阅读全文
posted @ 2017-05-22 15:24 WEB1010113045 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 之前很少去做低版本浏览器兼容,由于公司为一些使用低版本浏览的客户着想,所以并没有抛弃IE7。当时做页面的时候我用的是bootstrap,但是很可惜的是不兼容IE7,当使用IETester中的ie7查看页面的时候页面错乱,内容部分消失。我只好根据页面当时情况进行调整,当我设置<input type=" 阅读全文
posted @ 2017-05-15 11:37 WEB1010113045 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 工作中我第一次遇到这种情况,因为是接手公司的老项目,在原来项目的基础上修改,而且这项目里的相应文件都非常乱,结构、样式、行为都不分离的,处理起来有点棘手,看着代码脑袋都疼;由于点击锚点,内容会默认置顶,被导航栏遮住。一开始我都在网上找解决的方案,但是后来,我还是选择了一个比较笨的办法,就是将锚点所在 阅读全文
posted @ 2017-04-28 11:35 WEB1010113045 阅读(2295) 评论(0) 推荐(0) 编辑