
html
蜗牛1T
中山大学计算机系网络工程专业本科毕业。
2010年加入金山安全至今,专注前端开发,PHP和NodeJS也有所涉猎。
喜欢关注业界动态,乐于学习新技术,有代码洁癖强迫症,追求高质量高效率的代码。
欢迎关注微信公众号《前端分享吧》
展开
-
表单不能上传文件内容的现象
今儿个遇到一个挠头的怪异现象:用表单上传文件,跟服务端的通信什么的一切正常,头信息也发出去了,就是POST的数据里却没有该上传的文件内容,也就是说我的文件并没有被上传。多番查找测试对比,原因找出来了:这个文件选择框这里少了个"name"属性,改成这样:就OK啦!原创 2012-09-05 10:35:14 · 872 阅读 · 0 评论 -
可输入的下拉框
souzz eWebSoft WEB开发者 要注意:input输入框的position:absolute原创 2013-04-27 17:07:11 · 676 阅读 · 0 评论 -
关于页面上某些点击事件无效的问题
今天在客户那遇到一个比较罕见的问题。【问题描述】用户是英文版2k3操作系统,IE9,页面上部分点击事件无效。我的点击事件是在js中生成html元素时写在onclick属性里的,代码如下:for(var i = 0; i < t; i++){ htmlstr += "test"; } $("#group-list").append(htmlstr); 【解决办原创 2013-06-28 18:48:04 · 11460 阅读 · 1 评论 -
ie6下js动态更改图片地址,图片不显示的bug
当在ie6中用js动态更改图片地址时,图片不会变换,产生的原因是或如应用a标签的话其实不能禁止a标签最后触发一个甚么行动,致使ie6会过错的以为页面刷新或重定向了,而且中止了当前所有衔接,新图片的加载就被aborted了。解决方法是不使用a标签,或者在方法的最后加上一句 return false;就可以了。如看不清楚?换一张图片转载 2014-08-13 17:13:27 · 1358 阅读 · 0 评论 -
未来必热:SVG Sprite技术介绍(转自张鑫旭-鑫空间-鑫生活)
一、Sprite技术这里所说的Sprite技术,没错,类似于CSS中的Sprite技术。图标图形整合在一起,实际呈现的时候准确显示特定图标。另,本文图片甚多,爪机党继续浏览需慎重。二、SVG Sprite与symbol元素目前,SVG Sprite最佳实践是使用symbol元素。symbol元素是什么呢?单纯翻译的话,是“符号”的意思。然,这个释义并不符合这里的场景。不知大家有没有...转载 2019-03-09 23:13:15 · 2781 阅读 · 0 评论 -
说说BFC(Block Formatting Contexts,块级格式化上下文)
一、BFC是什么?BFC是容器的一种属性,从样式上看,具有BFC的元素与普通的容器没有什么区别,但从功能上,具有BFC的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器没有的一些特性。二、BFC的特性1、BFC会阻止外边距折叠即便两个块级元素相邻,但当它们不在同一个块级格式化上下文时它们的边距也不会折叠。2、BFC可以包含浮动的...原创 2019-03-19 23:00:13 · 276 阅读 · 0 评论 -
解决IE6中PNG透明显示灰底的8种方法
方案一 - 滤镜解决方案介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试!思路:1、书写正常的CSS代码,通过background导入图片,这样所有的浏览器均使用了此PNG图片;background:url(....转载 2019-03-17 16:32:08 · 524 阅读 · 0 评论 -
IE6的双边距Bug以及解决办法
bug描述:就是你明明设置margin-left为10px,但是在IE6下显示的左边距却是20px。bug出现的条件:当浮动元素的浮动方向和外边距的设置方向一致且浮动元素靠近浮动边界时才会出现。比如元素向左浮动时设置左边距,并且为一行中的第一个浮动元素时会出现这个bug,同样,向右浮动时设置右边距,且为一行中的最后一个浮动元素时也会出现这个bug。bug的解决办法:给浮动元素块加上disp...原创 2019-03-18 22:30:52 · 414 阅读 · 0 评论 -
外边距折叠(margin collapse)
一、定义两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠这两个或多个外边距没有被非空内容、padding、border 或 clear 分隔开 这些 margin 都处于普通流中注意一点,在没有被分隔开的情况下,一个元素的 margin-top 会和它普通流中的第一个子元素(非浮动元素等)的 margin-top 相邻;只有在一个元素的 height 是 "auto" 的...原创 2019-03-24 15:15:15 · 321 阅读 · 0 评论