随笔分类 -  HTML

摘要:div中禁止文字被选择在做div的点击计数事件时,遇到一个小问题。因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中。查了下,用css和javascript可以实现禁止选择。css代码:/* css style: */html,body{-moz-user-select: none;-khtml-user-select: none;user-select: none;} some text 说明:unselectable针对IEonselectstart针对Chrome、Safari-moz-user-select是firefox专有的 阅读全文
posted @ 2013-07-03 12:30 百里水上 阅读(203) 评论(0) 推荐(0)
摘要:判断移动端、pc端var bs={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('Appl... 阅读全文
posted @ 2013-06-27 10:02 百里水上 阅读(384) 评论(0) 推荐(0)
摘要:<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。在IIS7或者更高版本的服务器中,只需要修改web.config文件,添加如下信息即可即可<configuration> <system.webServer> <httpProtocol> <customHeaders> <add name=&q 阅读全文
posted @ 2013-06-03 17:12 百里水上 阅读(192) 评论(0) 推荐(0)
摘要:1浏览器模式:影响浏览器的版本及IE的条件注释<!–[if IE 7]><style type=”text/css”>.content{color:#F00;}</style><![endif]–>2文档模式:影响IE的排版引擎和对DOM的渲染<style type=”text/css”>.content{*color:#F00;}</style>IE7一下都为红色字体<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7&qu 阅读全文
posted @ 2013-05-31 11:42 百里水上 阅读(167) 评论(0) 推荐(0)
摘要:一、不要使用section作为div的替代品二、只在需要的时候使用header和hgroup三、不要把所有列表式的链接放在nav里四、figure元素的常见错误五、不要使用不必要的type属性这是个常见的问题,但并不是一个错误,我认为我们应该通过最佳实践来避免这种风格。在HTML5中,script和style元素不再需要type属性。然而这些很可能会被你的CMS自动加上,所以要移除也不是那么的轻松。但如果你是手工编码或者你完全可以控制你的模板的话,那真的没有什么理由再去包含type属性。所有的浏览器都认为脚本是javascript而样式是css样式,你没必要再多此一举了。<!-- 请不要 阅读全文
posted @ 2013-05-15 10:10 百里水上 阅读(154) 评论(0) 推荐(0)
摘要:CSS常用浮出层的写法<div class="poptip"> <span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></span> <span class="poptip-arrow poptip-arrow-right"><em>◆</em><i>◆</i></span> <span class=&qu 阅读全文
posted @ 2013-05-15 10:02 百里水上 阅读(535) 评论(0) 推荐(0)
摘要:1、不使用 a 标签来触发onclick事件2、<a> 标签的 href=”###”,不要使用 href=”javascript://” 和 href=”javascript:void(0)”3、在 click 事件的处理函数中添加 return 语句: 阅读全文
posted @ 2013-05-07 15:12 百里水上 阅读(172) 评论(0) 推荐(0)
摘要:IE6中iframe出现横向滚动条的解决方案方案一:给该框架的页内加上以下样式html{ overflow-x:hidden; overflow-y:auto;}注意,是指该框架的页内添加,不是在全局的样式中添加。这种方案是网上给出的最多的方案,横向超出就隐藏,纵向超出让他自动。这样IE6下横向滚动条确实是没有了,可是这样我们会发现内容盒子的右边会缺失了17px的宽度,为什么?这是因为overflow-x:hidden隐藏掉的是内容盒子里原横向右边的宽度,也就是等于滚动条的宽度。所以,方案一是一种不完美的解决方案。方案二:给该框架的页内加上以下样式html { overflow-y:scrol 阅读全文
posted @ 2013-04-15 14:03 百里水上 阅读(419) 评论(0) 推荐(0)
摘要:<select id="Select1" name="Select1" class="easyui-combobox easyui-validatebox" editable="false" panelHeight="100" url="../Base/SysCategory.aspx?ID=24" valuefield="ParameterID" textfield="ParameterName" requ... 阅读全文
posted @ 2013-03-27 16:42 百里水上 阅读(1391) 评论(0) 推荐(0)
摘要:Chrome浏览器要重点控制是必需的,但仍然是空的,所以,它可以弹出消息“请在此输入”。但是,如果该控件隐藏在Chrome浏览器要弹出消息,那就是在表单提交的时间,Chrome浏览器无法集中控制,因为它是隐藏的,因此表格后,提交。因此,要解决这个问题,通过javascript隐藏控件时,我们也必须删除'required'的属性,控制$("input[required]:hidden").removeAttr("required");//兼容chromehttp://www.cnblogs.com/fengbing/archive/2012 阅读全文
posted @ 2013-03-27 13:55 百里水上 阅读(1594) 评论(0) 推荐(0)