![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 92
暗淡亮点
这个作者很懒,什么都没留下…
展开
-
IE6、IE7、IE8之IE多版本共存的几种方法
一、单独安装(相对繁琐,不推荐)使用IE6 Green、IE7 Standalone 及IE8 安装文件,分别安装各自的浏览器。安装顺序:1、IE6 Green 2、IE7 Standalone 3、IE8 beta2相关下载地址:IE6 Green: http://skmode.ys168.com/ 由Everplus打包IE7 Standalone:http://tredosoft.com/I原创 2015-10-28 16:49:11 · 2457 阅读 · 0 评论 -
CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,在52CSS.com中不乏这方面的文章,现在总结一下CSS如何实现换行的方法,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 Example Source原创 2015-10-28 16:52:16 · 867 阅读 · 0 评论 -
CSS 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑
Mac OS的一些:华文细黑:STHeiti Light [STXihei]华文黑体:STHeiti华文楷体:STKaiti华文宋体:STSong华文仿宋:STFangsong俪黑 Pro:LiHei Pro Medium俪宋 Pro:LiSong Pro Light标楷体:BiauKai苹果俪中黑:Apple LiGothic Medium苹果俪细宋:Apple LiSung LightWind原创 2015-10-28 16:52:26 · 1367 阅读 · 0 评论 -
DIV图片垂直居中
div { width:500px; height:500px; border:1px solid #ccc; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle } div p { position:static; +position:absolute;原创 2015-10-28 16:48:58 · 231 阅读 · 0 评论 -
IE与Firefox的CSS兼容大全
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要原创 2015-10-28 16:48:55 · 204 阅读 · 0 评论 -
DIV的图片无缝滚动
先了解一下对象的几个的属性:innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标原创 2015-10-28 16:49:22 · 726 阅读 · 0 评论 -
Button背景图片在IE下不显示问题
美工真是不容易当的啊,是很麻烦的东东。用CSS将button设置了背景图片,在FireFox下显示完全没有问题,但是在IE下却不能正常显示,本来就对IE没有好感,现在就更没有好感了,哎,不过没有办法啊,谁让用IE的用户多了呢,咱是网站开发者,得照顾用户吗。费话少说,解决问题的方法很简单,添加下面属性即可正常显示: background-color: Transparent;以上代码原创 2015-10-28 16:49:03 · 1075 阅读 · 0 评论 -
让IE浏览器支持RGBa的背景色
RGBa是一种在CSS中声明包含透明效果的颜色的方法,通过RGBa我们可以将一个元素设置为透明,而不会影响其子元素。但是并非所有的浏览器支持RGBa的背景色,其中用户颇多的老版本IE浏览器就不支持,好在IE浏览器支持条件注释,我们可以抛弃RGB并使用IE浏览器的一个私有CSS滤镜来实现同样的效果。上代码: .color-block {background:transparent;filter:原创 2015-10-28 16:56:28 · 894 阅读 · 0 评论 -
DIV 滚动条
overflow-x:scroll是横的有overflow-y:scroll是竖的有overflow:scroll横竖有overflow:hidden横竖都没有原创 2015-10-28 16:55:55 · 223 阅读 · 0 评论 -
IE6/IE7/FF的CSS hack总结
首先来看题目要求。 针对的html代码:首先来看题目要求。 针对的html代码: Text 写CSS代码,分别在IE6、IE7、FF下显示不同的效果: 简单说明一下:IE6的划线是在下边、IE7是中间、FF是上边。因为IE6兼容性最差,所以优先级自然低了,何况它的hack方法就是采用下划线;IE7比较中规中矩;FF则最标准了,这下能记住各个图对应的是哪个浏览器了吧:) OK,原创 2015-10-28 16:49:06 · 297 阅读 · 0 评论 -
如果文字过长,则将过长的部分变成省略号显示
就是比如有一行文字,很长,表格内一行显示不下.原创 2015-10-28 16:56:55 · 342 阅读 · 0 评论 -
CSS透明滤镜,支持FF,IE6.0,IE7.0,IE8.0
#opac img.opacity1 {filter:alpha(opacity=25);opacity:0.25;}#opac img.opacity2 {filter:alpha(opacity=50);opacity:0.5;}#opac img.opacity3 {filter:alpha(opacity=75);opacity:0.75;}#opac img:hover {filter:原创 2015-10-28 16:52:37 · 339 阅读 · 0 评论 -
-moz-border-radius CSS属性演示源代码:FireFox下圆角矩形
-moz-border-radius demo – http://www.never-online.net body, pre{font-size: 0.9em;font-family: verdana;}.moz-border-radiu{-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-moz-border-原创 2015-10-28 16:52:07 · 887 阅读 · 0 评论 -
IE的DIV_圆边圆角的实现
v\:*{behavior: url(#default#VML);}原创 2015-10-28 16:56:53 · 474 阅读 · 0 评论