
html与css
ranbolwb
这个作者很懒,什么都没留下…
展开
-
实现用户点击“Enter”键时触发默认按钮执行查询
原创 2012-02-21 17:21:55 · 1387 阅读 · 0 评论 -
IE8下div嵌套时,外层div高度不随内层div高度改变的问题解决
当b1和b2都是float=left时候,a1层的高度不会被b1和b2的高度撑开。(这个现象只有IE8发生,其他版本IE以及IE8选择兼容模式后就没有问题。)解决方法:a1的display=table来源:http://blog.youkuaiyun.com/qingwangyoucao/article/details/6915145转载 2012-04-25 11:28:34 · 790 阅读 · 0 评论 -
IE6 中的最大最小寬度和高度 css 高度 控制(兼容版本)
/* 最小寬度 */.min_width{min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大寬度 */.max_width{ max-width:600px; /* sets max转载 2012-04-05 17:26:49 · 980 阅读 · 0 评论 -
img标签中onerror用法及注意事项
img中的onerror事件可以在图片发生成错误触发一个事件,比如当图片加载失败时,用onerror为当前img指定一个默认图片.用法但有时使用不当在ie内核的浏览器下会早成死循环.比如当图片加载不成功时触发加载默认图片,问题来了,如果默认图片也不存在或加载失败呢,在ie下就会反复的加载.造成以下的这种错误,如图 说明:如果图片存在,但网络很不通畅,也可能触发转载 2012-05-31 17:17:50 · 2730 阅读 · 0 评论 -
IE8 IE6 UL 兼容
在IE8用UL的时候会出现兼容问题例如UL的行间距会比一般大解决方法:将UL的css设置为{magin:0px;padding:0px}来源:http://hi.baidu.com/xing88897/blog/item/beb6e31c7de531f8e1fe0b50.html转载 2012-06-11 15:52:00 · 840 阅读 · 0 评论 -
IE6 下不能加载页面样式文件
今天发现有一个页面,在IE6以外的浏览器下都能正常显示,但一到IE6下就完全错位花了大力气查找,终于发现是IE6不能加载CSS样式文件,直接用IE6打开样式文件地址,报错如下图: 后来在网上打了一些资料,发现是CSS样式文件的编码格式不是UTF-8引起的,特记录下来备查。 样式文件编码格式查看和修改,可以用记事本打开CSS文件,在另存为窗口查看。原创 2012-08-14 17:45:48 · 1919 阅读 · 0 评论 -
纯CSS定位的固定浮动层代码 不闪 兼容IE6 8 火狐 谷歌等
/* IE8 火狐 谷歌等 固定样式 */.fixed-bottom{ position: fixed; bottom: 0px; width: 1100px; left: 50%; margin-left: -550px;}/* IE6 固定样式 */* html,* html body /* 修正IE6振动bug */{ background-image转载 2012-04-05 17:13:10 · 10524 阅读 · 1 评论 -
静态网站全站搜索功能
最近在百度发现一个静态网站全站搜索的功能,记录下来备用 http://www.baidu.com/search/freecode.html function g(formname) {var url = "http://www.baidu.com/baidu";if (formname.s[1].checked) { formname.ct.value = "原创 2013-06-05 15:27:04 · 10519 阅读 · 0 评论 -
IE6里DIV错位的问题 DIV或LI等向下移动出现空白
div错位/解决IE6、IE7、IE8样式不兼容问题 IE6里DIV错位的问题 采用"FLOAT:LEFT“的DIV在IE8、IE7、都没问题,IE6下却向下移动,出现空白。这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。 来源:http://ww转载 2013-06-06 15:10:35 · 2622 阅读 · 0 评论 -
如何让iframe背景色透明
框架页文件设置: 或 方法一:缺点:iFrame里的白色的都变透明了。方法二:(个人推荐使用)还有其它几个写法,可以比较一下: 经测试, + allowTransparency="true" 有效111.html 如下:body{background-color:Transparent;转载 2013-11-11 18:15:36 · 14910 阅读 · 0 评论 -
傲游等webkit内核 overflow:hidden 的BUG
今天对页面做了一点样式调整,发现在傲游极速模式下,有些文字不见了,但在IE下能显示出来。在该DIV 样式里加入 display:inline; , 超出部分又不会隐藏了,真TM的鸟啊。。。。后来无意中,把 display:inline; 改成 display:inlike-block; 就可以了。真想骂傲游他娘。。。原创 2012-03-20 15:06:44 · 707 阅读 · 0 评论 -
解决IE6下图片空隙问题
解决产生BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决 来源:http://www.chutianz.com/Webmaster/Novice/2011/1118/9867.ht转载 2012-04-05 17:24:39 · 582 阅读 · 0 评论 -
IE8 火狐下 table 不能居中的解决方法
body { text-align: center; } table { margin: 0 auto; }原创 2012-04-05 15:41:08 · 2278 阅读 · 0 评论 -
My97DatePicker 只显示月份
function selectMonth() { WdatePicker({ dateFmt: 'yyyy-MM', isShowToday: false, isShowClear: false }); } 效果图:原创 2012-03-06 09:58:10 · 31376 阅读 · 2 评论 -
如何在网页标题栏上显示ICO图标
按照这个方法就可以解决了: 第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.汉化修正版下载地址:http://www.skycn.com/soft/2478转载 2012-04-05 15:47:17 · 6426 阅读 · 0 评论 -
ajax UpdateProgress 不显示
今天用了 UpdateProgress ,但是UpdatePanel更新时,其内容不显示,原因居然是触发键在 UpdatePanel 外。。。无语中...解决方法参考下文:转载 2012-04-05 17:02:01 · 1327 阅读 · 0 评论 -
HTML & XML 转义字符
HTML中,&等有特殊含义,(前两个字符用于链接签,&用于转义),不能直接使用。使用这三个字符时,应使用它们的转义序列,如下所示: & 或 & & 和 < 或 小于号 > 或 > >转载 2012-04-05 15:29:26 · 706 阅读 · 0 评论 -
IE6和以下版本解决下拉框挡住Div问题
在Div的样式中加入:style="behavior :url(div.htc);"div.htc文件如下var objdiv=this;function obj_init() {var w = objdiv.offsetWidth;var h = objdiv.offsetHeight;var ifrm = document.createElement('ifra转载 2012-04-05 15:39:32 · 481 阅读 · 0 评论 -
CSS 透明样式 兼容IE、FF、及其它
div {filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; /* Moz + FF */opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/}说明:IE使用私有属性filter:alpha(opacity);Moz Family使用私有属性-moz-opacity;而标准的属性转载 2012-04-05 15:40:22 · 649 阅读 · 0 评论 -
HTML 页面内定位跳转
锚标签和 href 属性HTML 使用 (锚)标签来创建连接另一个文档的链接。锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。 用来创建锚。href 属性用于定位需要链接的文档,锚的开始标签和结束标签之间的文字被作为超级链接来显示。锚标签和 Name 属性Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(name转载 2012-04-05 15:46:51 · 22918 阅读 · 0 评论 -
修复IE背景图片闪烁或不见的现象
为什么会出现闪烁或不见现象?IE6在处理A标签的CSS定义中的背景图片属性时候,当你把鼠标移上去的时候每次都会去检查是否有一个新的版本。你可能会看到背景图片短暂或更长的闪烁。可能因为,网速,CPU速度或者背景图片大小;你也可能看不图片的闪烁,但会注意到鼠标指针由默认的形状变成闪烁的形状,意味着这里在运行着一些东西。如果你改变了IE的“temporay internet files"转载 2012-04-05 17:23:50 · 2516 阅读 · 0 评论 -
IE8 margin-bottom 不起作用
碰到一个很奇怪的问题,在IE8下,设置了margin-bottom,页面显示的时候不起作用,在网上找了一下,都说是 float 搞的,把这个属性去掉后还是这样,后来找到一个关于 margin 折叠的帖子,终于解决问题了。解决方法:在样式里加上 display:inline-block;属性。 参考:http://wenku.baidu.com/view/9abd2b41336c1原创 2012-04-05 17:27:17 · 4387 阅读 · 0 评论 -
在页面显示XML文档
在页面显示XML文档的时候,界面上只显示出了节点里的内容,所有的节点都没有显示,后来试了几个方法,终于找到了解决方式。 function showXML(xml,ctl) { ctl.innerText = xml; } function loadXML() { showXML('',document.getElementById("div1"));原创 2012-04-05 15:23:05 · 875 阅读 · 0 评论 -
CSS 给DIV添加四周边框阴影
样式:.shadow{ -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; background: #EEFF99;}用法:原创 2015-04-27 10:16:34 · 67783 阅读 · 3 评论