`
文章列表
1.截字省略号 .hh { -o-text-overflow:ellipsis;   text-overflow:ellipsis;   white-space:   nowrapoverflow:hidden;   }   2.禁止选取网页内容 问题: FF需要用CSS禁止,IE用JS禁止 解决方法: IE: obj.onselectstart = function() {return false;} FF: -moz-user-select:none;
1、给页面文档添加一个点击事件函数,在函数内实现隐藏菜单功能。 $('html').click(function(){//Hide the menus if visible}); 2、对于菜单本身不希望在点击它时将自己隐藏,需要为菜单本身的点击事件添加以下方法,用来阻止点击事件的传播。 $('#menucontainer').click(function(event){event.stopPropagation();}); 参考资料:http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-elem ...
写列表时,设置ul的 line-height:35px;结果发现ie6下只有第一行的li有行间距,原来ie6认为只有li里面的内容够折行了才会有行间距,li和li之间是没有行间距的。以下是正常情况: ie6下: 解决办法: 给ie6单加了下边距: _margin-bottom:10px;
减少依赖文件 : 更少的文件意味着更少的http请求与更快的加载时间 降低图片大小: 适应与调整高分辨率图片,在额外的下载时间中占居榜首,占用了宝贵的内存与处理资源。 减轻客户端负担: 最佳实践是重新思考你的javascript,并使之降低到最小尺寸 一、怎样减少依赖文件 1.如果你想为移动端用户隐藏图片,display:none与visibility:hidden是不能阻止文件下载的。 替代方案是利用css加载背景图片,之后利用media query媒体查询来通过条件隐藏图片。 亚马逊独立的移动端页面使用了此种技术,根据设备来条件加载特定的图片。 <meta n ...
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为。如下代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title& ...
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚 px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。 因为 1、IE无法调整那些使用px作为单位的字体大小; 2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位; 3、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2. ...
一直以来认为Safari在Web调试上是个残疾直到今天 才发现一直错怪了它... 而且...它用的居然和Chrome是一个调试工具 - Web Inspector只是Chrome在这点上做的比Safari好一开始就把Web Inspector给Enable了而且做了一些扩展并给了它另外一个名字 - Develop Tools而Safari把它隐藏的太深了以至于像我这样会玩软件设置的人都...如何Enable - SafariPrefernces --> Advanced最下面的选项 勾选 然后你就可以在右键菜单上看到Inspect Element选项了 - 跟Chrome一模一样 原 ...
js代码: function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; }   URL的参数&参数名1=XXXX&参数名2=XXXX&参数名3=XXXX   alert(Get ...
1.alt+左箭头 ————后退 2.ctrl+t ————新建标签页 3.ctrl+tab或者ctrl+数字 ————标签页切换 4.ctrl+l ————跳到url 5. ctrl + f ————查找 6.ctrl + tab / ctrl + shift + tab ————循环进入前/后tab 7.ctrl + shift + t ———— 打开最后关闭的tab 8. ctrl + tab / ctrl + shift + tab ———— 循环进入前/后tab 9. ctrl + k ———— 进入google搜索输入焦点 10. ctrl + w ———— 关闭当 ...

ie兼容性

1、兼容透明度 filter:alpha(opacity=30) 上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意:为了使得透明设置生效,元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局,有如width 和 position ...
在http://www.w3cschool.cn/t8640.html?f=csse_dim_height_percent 网站上看到这个例子,不明白为什么图片高度50%反而比原图要大。 查阅资料后,原因如下: 百分比是相对于父元素的,例子中父元素的高度是多少图片的高度就是其的50%,这样一来就明了了。 谢谢:http://www.web589.com/posts/1189.html
前几天写了个jquery动画,实现左右切换效果 在没加ele.stop(true,false).fadeOut(500)之前,点击快了会有暂时显示不好,坏了的情况出现,后来百度下,加上了stop(),就好了。 给移开的情况加就行了,移入是没有问题的 前面的true表示停止被选元素的所有加入队列的动画 后面的false表示是否允许完成当前的动画
E[attr]:只使用属性名,但没有确定任何属性值; .demo a[id] {background: blue; color:yellow;font-weight:bold;} .demo a[href][title] {background: yellow; color:green;}   E[attr="value"]:指定属性名,并指定了该属性的属性值; .demo a[id="first"] {background: blue; color:yellow;font-weight:bold;} .demo a[href=&qu ...
1、相邻兄弟元素选择器(E + F) 相邻兄弟选择器可以选择紧接在另一元素后的元素,而且他们具有一个相同的父元素,换句话说,EF两元素具有一个相同的父元素,而且F元素在E元素后面,而且相邻,这样我们就可以使用相邻兄弟元素选择器来选择F元素。 li + li {background: green;color: yellow; border: 1px solid #ccc;}  上面代码表示选择li的相邻元素li,我们这里一共有十个li,那么上面的代码选择了从第2个li到 10 个li,一共九个 因为上面的li+li其中第二li是第一li的相邻元素,第三个又是第二个相邻元素,因此第三个也被 ...
在html 中 &#12288;代表一个空白占位符。
Global site tag (gtag.js) - Google Analytics