function stopBubbling(e) { e = window.event || e; if (e.stopPropagation) { e.stopPropagation();//阻止事件冒泡传播 } else { e.cancelBubble = true; //ie兼容 } } $ ...
分类:
其他好文 时间:
2017-05-31 18:58:59
阅读次数:
159
今天帮别人调代码时,看到一个样式: background-position: 50% 0;background-size: 100% auto; 对background-size:100% auto,意思是背景图片宽度为元素宽度*100%,高度等比缩放。详情可见css3 background。 对b ...
分类:
其他好文 时间:
2017-05-26 23:31:33
阅读次数:
376
box-shadow:0 5px 5px rgba(0,0,0,0.5) 文本 text-shadow:5px 5px 4px green; word-wrap: 背景: background:#ffffff url() 0 0 no-repeat; background-size:大小 backg ...
分类:
Web程序 时间:
2017-05-24 18:26:36
阅读次数:
168
添加背景图片: 添加样式代码如下: <style type="text/css"> body { background: url("image/bg.jpg") top center no-repeat; background-size: cover; } </style> 最终效果如下图所示: ...
分类:
其他好文 时间:
2017-05-19 19:27:53
阅读次数:
148
你有没有遇到过一种情况,你特别喜欢一张图片,可是可惜的是这张图片就小了那么一丁点。但有小片留白啊,那就不好看了啊。你有没有过呢,我不知道,但我真的就碰到了。我特喜欢那张图,就想让它做背景,可就小了点。于是我就想办法了。 background-size:cover; background-size:c ...
分类:
其他好文 时间:
2017-05-17 22:10:09
阅读次数:
259
前期准备 测试IE兼容性必须要在Windows中测,而且是Win7+,因为WinXP最高只支持IE8,IE9就呵呵啦!大部分做 Web的童鞋都不是使用Windows做为开发环境,要么是Linux发行版,要么是Mac OS。怎么办?一般有2种 方法: 开Windows虚拟机将开发环境暂时切换到Wind ...
分类:
其他好文 时间:
2017-05-11 00:22:13
阅读次数:
236
整理了些网络收集的有关兼容性的问题,原作者不详(侵删),之前面试的时候也经常被问,泛泛而问,泛泛而答,其实个人感觉:提出兼容性问题,结合自己在开发中遇到这个问题的时候,解决办法,大致说两三个问题就差不多了,最后补充说还有一些其他问题,然后就可以把下文中有关IE兼容性的总结说出来。 ##不同浏览器的标 ...
分类:
Web程序 时间:
2017-05-09 14:52:29
阅读次数:
173
1.问题:一张背景图,适应大小不一的设备,而且不出现滚动条,图片不会变形。 解决方法:body{background-size:cover}就可以搞定。 2.问题:背景图显示在页面上非常大,或非常小,显得页面很不好看。 解决方法:元素{background-size:80%(自己可以调,超过100% ...
分类:
其他好文 时间:
2017-05-04 12:01:05
阅读次数:
203
先解释下,background:transparent,默认在IE上会被解析成 background: none transparent scroll repeat 0% 0% transparent表示透明无颜色 none 表示没有设置背景图片 repeat 表示图片反复 scroll 表示背景图 ...
分类:
其他好文 时间:
2017-04-30 12:27:20
阅读次数:
118
背景background 简写形式为 backgroud:background-color background-position background-size background-repeat background-origin background-clip background-attac ...
分类:
Web程序 时间:
2017-04-24 10:05:26
阅读次数:
178