harl

摘要： 在一个div展示多个用户头像img文件时，外层用div,内层直接放img时要注意，当img作为行内元素自由排列时，每个img之间的间距会随着页面的字体样式设置改变而改变，这样在不同浏览器环境，字体显示不同的话，img可能会导致提前换行打乱布局的情况，这时最好设置img的display:block;全部当做会计元素处理。然后全部float：left; 这样才不会受默认边距的影响。查了资料，貌似是由于img行内元素本身有hspace 和 vspace 属性来设置边距的原因。 阅读全文

摘要： 今天写个页面需要用到图片，我从ps里面抠出来之后随便取了个名字叫adImg.jpg调试的时候，图片在浏览器中死活不出来，f12查看发现，图片多了条行内样式width:0;height:0;style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 228px 40px;"完全无解了，想不通为什么…很久之后，我换了ie和火狐却没问题，才突然意识到是chrome下屏蔽广告插件AdBlock搞得鬼，简直就是掉渣天，这东西居然可 阅读全文

摘要： 今天做在线聊天网页，聊天可以配图，需要使用弹出层的方式浏览大图效果。总共三层，底层html主结构，中间半透明遮罩，顶层是缩略图放大后的大图。用户点击缩略图后在半透明遮罩上呈现大图。 因为在线聊天，图片数量和地址都是动态未知的，因此用户点击缩略图时，应该在body下动态生成一个大图元素，并居中显示。代码如下：$(".smallImg").click(function(){ var imgPath = $(this).attr("src"); var zh_bigImg = "" var maskBg = "" ... 阅读全文

摘要： 1. ie6及以下不支持子代选择器：比如只匹配div下的子代标签而不是所有后代标签。div>a{……}；ie7以下版本是不支持的。解决办法：还是老老实实给个class吧，别偷懒了。2. 父级div下面存在2列高度不一样的子代div时，父级div高度无法自适应。此时父级div容器不成矩形，而呈现不规则。解决办法如图片所示。3. 当父代div下放置多个子代div，切子代与父代宽度相同时，子代div容器会出现重叠现象。解决办法：给子代div全部加上float：left;属性即可解决问题。4. ie6中，当使用空标签时，此标签的高宽会受默认字体干扰。比如使用空白标签做轮播按钮时，设置较小的高宽会 阅读全文