随笔分类 -  HTML

BT9034: 仅 IE 和 Opera 支持 HTMLFrameElement 和 HTMLIFrameElement 的 document 属性
摘要：标准参考根据 DOM-2 中的描述，HTMLFrameElement 和 HTMLIFrameElement 都没有 'document' 属性。关于 HTMLFrameElement 对象的详细信息，请参考 DOM-2 Interface HTMLFrameElement 中的内容。关于 HTML... 阅读全文

posted @ 2016-01-06 16:23 今天又进步了 阅读(1243) 评论(0) 推荐(0) 编辑

在移动端禁用长按选中文本功能
摘要：在手机浏览器中，长按可选中文本，但如果在应用中，会给人一种异样的感觉，最好还是禁用此功能为上。 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:no 阅读全文

posted @ 2015-12-19 12:37 今天又进步了 阅读(1465) 评论(0) 推荐(0) 编辑

手持移动端特殊链接：打电话，发短信，发邮件
摘要：如果需要在移动浏览器中实现拨打电话，调用sms，发送email等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式，实现在Safari ios，Android 浏览器，webos浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话... 阅读全文

posted @ 2015-04-29 00:59 今天又进步了 阅读(540) 评论(0) 推荐(0) 编辑

jQuery实现页内查找相关内容
摘要：当需要在页面中查找某个关键字时，一是可以通过浏览器的查找功能实现，二是可以通过前端脚本准确查找定位，本文介绍通过jQuery实现的页面内容查找定位的功能，并可扩展显示查找后的相关信息。本文以查找车站名为例，仿12306官网查找车站售票时间页面效果，当用户输入关键字点击查找按钮或按回车键时，jQuery通过正则匹配内容，准确匹配关键字，并迅速将页面定位滚动到第一个匹配的位置，并显示相关信息（本例中附加信息为车站开始售票时间）。HTML页面需要放置一个输入框用来输入要查找的关键字，以及一个查找按钮，然后就是主体内容#content，里面包含着n个，即每个时间段开售车票的车站名。 ... 阅读全文

posted @ 2014-04-03 11:19 今天又进步了 阅读(4754) 评论(0) 推荐(0) 编辑

clearfix清除浮动
摘要：起源：.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix { display: inline-table; }/* Hides from IE-mac \*/* html .clearfix { height: 1%; }.clearfix { display: block; }/* End hide from IE-mac */说明：*对大多数符合标准的浏览器应用第一个声明块，目的是创建一个隐形的内容为空的 阅读全文

posted @ 2014-02-09 18:55 今天又进步了 阅读(270) 评论(0) 推荐(0) 编辑

完美解决IE6中fixed抖动问题的方法
摘要：我们可以通过position:fixed来实现元素的固定效果，如网页中底部的"回到顶部菜单"，底部的toolbar，对联广告等等，可惜fixed属性在IE6及以下是不支持的。通常的作法，我们用JS或者IE表达式来达到这个效果。如:.fixed{ position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); } 可惜，又遇到一个问题，页面滚动的时候，会出现抖动现象.如果解决呢？无意中发现我们momo社区的左侧导航栏在IE6下页面滚动时候居然.. 阅读全文

posted @ 2014-01-24 03:04 今天又进步了 阅读(542) 评论(0) 推荐(0) 编辑

浏览器兼容CSS代码：按钮文字垂直居中(input button text vertical align)
摘要：经过测试的浏览器：IE6, IE7, IE8, IE9, Firefox, Chrome, Safiri, Maxthon按钮的HTML代码：CSS代码：input::-moz-focus-inner{ border: 0;padding: 0;}/*针对Firefox*/.comment_btn{height:26px;line-height:22px;/*针对IE*/width:68px;} 阅读全文

posted @ 2014-01-23 01:27 今天又进步了 阅读(595) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示