HTML - 随笔分类 - TiestoRay

摘要：只需将文档类型声明改成如下方式即可阅读全文

posted @ 2014-07-16 11:34 TiestoRay 阅读(297) 评论(0) 推荐(0)

摘要：有两种方法阅读全文

posted @ 2014-07-07 08:49 TiestoRay 阅读(243) 评论(0) 推荐(0)

zoom的作用

摘要：zoom在FF下是不支持的。zoom可以设置四种值："document","reset",initial", 对于IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。在Chrome下还有个功能：当页面加载后，如下设置<script> window.onload = function() { document.body.style.zoom = "document"; };</script&g 阅读全文

posted @ 2013-02-20 14:31 TiestoRay 阅读(334) 评论(0) 推荐(0)

CSS点滴整理

摘要：scrollHeight与scrollWidthChrome下body的这两个属性与其他元素有差异。当页面的height body.clientHeight时，body.scrollHeight不是body的滚动高度，而是整个页面的高度而且在IE下，如果没有设置body的宽高样式，那么scrollHeight等于body内部元素所占高度。IE6下无法被其他元素覆盖(通过z-index)font-size:13px在IE6下无效，但font-size:12px等等却可以解决“高度塌陷”的方案 Sgfasd fashdsss dssssss ghfasdfsdfSSSDF SSS df ... 阅读全文

posted @ 2013-02-19 17:30 TiestoRay 阅读(485) 评论(0) 推荐(0)

SELECT相关Bug整理

摘要：IE6下的select 的 z-index始终高于其他元素，即无法被其他元素覆盖住。解决方法：JQueryUI的做法是在IE6下当触发弹出层时，将想覆盖住的select隐藏在IE7及以下虽然disabled 对select能起作用，但对select下的option却无效。解决方法通常是判断浏览器，如果是IE7以下的话，则当change和focus时改变option颜色和并且点击“无效”的option后 select选中的项值不变化//判断是否是IE7以下浏览器if (navigator.appVersion.indexOf("MSIE 5.5") >= 0 || n 阅读全文

posted @ 2012-12-21 12:39 TiestoRay 阅读(919) 评论(1) 推荐(0)

Table相关整理(HTML/JS)

摘要：效果良好的表属性设置：<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table>很多人都有这种经历：当某个td中没有内容或者没有可见元素时，td的border也会消失。解决方案就是给table添加样式border-collapse:collapse一般的文字截断(适用于内联与块) 阅读全文

posted @ 2012-10-29 12:29 TiestoRay 阅读(488) 评论(0) 推荐(0)

取消锚(<a/>)点击后页面跳转的几种方法

摘要：//点击之后执行方法func,且不跳转页面<a href="#" onclick="func();">Click</a>//URL末尾会出现一个# 页面会跳到顶部并且URL末尾会出现一个#<a href="##" onclick="func();">Click</a>//URL末尾会出现两个# 页面不会跳到顶部<a href="javascript:func();">Click</a>//执行func//推荐<a h 阅读全文

posted @ 2012-09-29 14:22 TiestoRay 阅读(543) 评论(0) 推荐(0)

JS・TextArea 字符串长度限制

摘要：因为业务需求今天做了一个textarea文本域字符串长度限制的方法，其实网上已经有了很多相关的解决方案，但在输入日语时，在IE存在BUG，我的这个版本就是针对这种情况的。解决输入日语+全角时出现的BUG 主要是在红线中间的代码。思路就是中断日语的输入状态。用如果输入超出时能忍受弹窗的话，就用方案②,否则的话就用方案①。阅读全文

posted @ 2012-09-27 17:54 TiestoRay 阅读(986) 评论(2) 推荐(0)

JS动态添加样式和脚本

摘要：在IE下style和script是特殊的元素，DOM无法访问其子节点，所以脚本和样式的动态生成需要考虑对IE的特殊处理对于样式，如果内容较少，或者不想放到文件中，可以使用Dom.style.cssText来批量设置。Style//加载样式内容function loadStyle(styleText)... 阅读全文

posted @ 2012-09-27 08:56 TiestoRay 阅读(999) 评论(2) 推荐(2)

IE缓存问题的解决方法

摘要：1:在AJAX请求的链接中添加时间戳或随机数在javascript发送的URL后加上t=Math.random()，如href = URL+"&"+"t="+Math.random();或 href = URL + "&" + "t="+ new Date().getTime();2:在XMLHttpRequest发送请求之前加上XMLHttpRequest.setRequestHeader("If-Modified-Since","0");如xhr.setR 阅读全文

posted @ 2012-09-15 12:49 TiestoRay 阅读(488) 评论(0) 推荐(0)

不随页面滚动的元素(<回到顶部>或者是页面顶部信息之类的)

摘要：.ToTop{ position: fixed;//类似于absolute，不过其包含块是视窗本身 bottom: 0; background: black; width: 90px; height: 90px; line-height: 23px; z-index: 9999; opacity: 0.6;//Chrome/*以下针对IE*/ filter: alpha(opacity=60); _bottom: auto; _width: 100%; _position: absolute; _top: expre... 阅读全文

posted @ 2012-08-22 12:26 TiestoRay 阅读(229) 评论(0) 推荐(0)

表头列头固定整理

摘要：View Code 1 <head> 2 3 <style> 4 5 .FixedTitleRow 6 7 { 8 9 position: relative; 10 11 top: expression(this.offsetParent.scrollTop); 12 13 z-index: 10; 14 15 background-color: #E6ECF0; 16 17 } 18 19 ... 阅读全文

posted @ 2012-06-16 10:29 TiestoRay 阅读(604) 评论(0) 推荐(0)

TiestoRay

随笔分类 - HTML

公告