Welcome 微信登录

首页 / 脚本样式 / CSS

都是IE惹的祸多浏览器兼容问题

都是IE惹的祸多浏览器兼容问题

IE7发布已经有些日子了,因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容,找到了一个解决办法,这里既是共享,也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历,以下代码区分4个浏览器,复制代码保存成一个HTML文件看看效果吧:( 无标题文档 IE5: YELLOW IE6: GREEN IE7: BLUE MOZ: RED [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]特别提...
推荐css打造经典鼠标触发显示选项

推荐css打造经典鼠标触发显示选项

看到了分享:绝对经典的滑轮新闻显示(javascript+css)这个帖子,都是css+js的控制经典,其实单css就可以搞定了,只不过是为了兼容那垃圾的IE才不得做个js, 以下的代码如果去掉js部分地话,在Opear和Firrfox都能正常的,但是IE下就不行了。 大家有兴趣的可以测试一下。也希望能帮到有需要的人。 css打造鼠标触发效果 找什么会计 网页设计翻译家教更多>> 在那里北京 上海广州深圳南京...
div+css中Class与ID的区别

div+css中Class与ID的区别

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo",class="Gandalf",class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class。 至于ID,通常用于定义页面上一个仅出现一次的标记。在对页面...
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

浏览器兼容问题-CSSDiv最小高度在IE6和IE7中的兼容性问题 用CSS的定义一个DIV的高度时,在IE7浏览器下可以正常显示。但是在IE6中,height在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下: 法一:定义overflow属性。比如想定义一个高度为2px的线条。 <divstyle="height:2px;overflow:hidden;background:#000000;width:778px;"></d...
CSS控制文本自动换行的问题

CSS控制文本自动换行的问题

用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:( 总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 table{table-layout:fixed;} td(word-break:break-all;word-wrap:break-word;) 注释一下: 1.第一条table{table-layout:fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时...
HTML下在IE浏览器中的专有条件注释讲解

HTML下在IE浏览器中的专有条件注释讲解

在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的InternetExplorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同。并且,其他非IE...
把 CDATA 中的内容(有可能是不规范的Html代码)以Html方式展现出来。

把 CDATA 中的内容(有可能是不规范的Html代码)以Html方式展现出来。

前不久我写过XML+XSL与Html的结合文章,之后有人问我如何把CDATA中的内容以Html方式展现出来(尤其是用户写的Html不规范)。本来想写个范例,后来到Google上一查,发现已经有人写了。就在:http://java.blogger.cn/wuyu/posts/1460.aspx 注意:xsl的disable-output-escaping="yes" 其核心就是利用disable-output-escaping="yes" MSDN上对它的描...
仿客齐集首页导航条DIV+CSS+JS [代码实例]

仿客齐集首页导航条DIV+CSS+JS [代码实例]

作者子鼠 客齐集首页的一个效果,今天有人问我是怎么写的,于是晚上就又重写了一个;顺便把那个布局再理一下; 你可以先看一下客齐集首页的效果:http://shanghai.kijiji.cn 我试着不用position:absolute的方法;但写起来太难了;后来还是用position:absolute了;但在客齐集站上的是没有用的;真不知道当时是怎么写出来的;以下是效果图:以下是布局部分复制代码 代码如下:<divid="info"> <...
多中语言实现判断客户访问用得是那个域名 然后转到对应的目录

多中语言实现判断客户访问用得是那个域名 然后转到对应的目录

多中语言实现判断客户访问用得是那个域名然后转到对应的目录 asp版: 发表多个绑定多域名的ASP代码 如果有有一个ASP空间,而你又想放置多个多个站点,这些代码可以帮到你 第一个 <%ifRequest.ServerVariables("SERVER_NAME")="bbs.along.com.ru"then response.redirect"bbs" else response.redirect"index1.htm" endif%> 第二...
CSS优化2-(常用CSS缩写语法总结)

CSS优化2-(常用CSS缩写语法总结)

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1;表示所有边都是一个值value1; property:value1value2;表示top和bottom的值是value1,right和left的值是value2 proper...
font和line-height之CSS代码书写顺序不同,导致显示效果不一样

font和line-height之CSS代码书写顺序不同,导致显示效果不一样

无意中发现,针对同一HTML标记,在CSS中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。 即: >>>如果先写font,再写line-height,显示效果正常 >>>如果先写line-height,再写font,则line-height定义的效果会丢失,在IE、Firefox、Opera下都出现这种BUG 具体效果请看以下代码: <p>h1:&l...
<< 61 62 63 64 65 66 67 68 69 70 >>