![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS方面
不懂love
这个作者很懒,什么都没留下…
展开
-
【转载】解决IE6、IE7、IE8样式不兼容问题
如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下: CODE:以上代码我已用过。很好用,大家如有遇到类似问题。不防试试。原创 2016-10-25 17:40:53 · 213 阅读 · 0 评论 -
关于背景图片长度不够的问题
background-size:100% 100%;加上这个css样式就好了原创 2016-10-25 17:44:29 · 5114 阅读 · 0 评论 -
【转载】-webkit-text-size-adjust
1、当样式表里font-size2、-webkit-text-size-adjust放在body上会导致页面缩放失效3、body会继承定义在html的样式4、用-webkit-text-size-adjust不要定义成可继承的或全局的苹果移动设备上会识别,用于保证文字大小。写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在原创 2016-10-25 17:43:19 · 262 阅读 · 0 评论 -
弹出层设置z-index后在浏览器中的兼容性
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。使用注意:(1)z-index只对position属性为relative或absolute的对象有效;(2)z-index在IE和firefox下的默认值不同,IE下z-index默认值为0;firefox下其默认值为auto;例子:如下图1所示,鼠原创 2016-10-25 17:43:00 · 2260 阅读 · 0 评论 -
解决IE浏览器li下list-style-type无效的问题
今天做了一个小页面,用到了li标签,发现在IE浏览器下li前面默认的实心圆点不显示,也就是说list-style-type:disc无效,但是在firefox下确实正常的。原因可能是因为某些浮动设置造成了li不正常显示,解决的方法也很简单,就是使用增加一个属性:list-style-position: inside这样就li的list-style-type属性就生效了。转自:http://b原创 2016-10-25 17:42:48 · 2465 阅读 · 0 评论 -
背景图拉伸效果兼容各种浏览器
.btn_bg { width:150px; height:50px; background-image:url(./btn.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -mo原创 2016-10-25 17:42:45 · 253 阅读 · 0 评论 -
设置div的最小高度并且自适应高度
height:auto!important; height:22px; min-height:22px;原创 2016-10-25 17:42:40 · 717 阅读 · 0 评论 -
关于英文内容页面无法换行
在css样式中加入word-wrap: break-word; 这个 然后就可以换行了;在后面加入word-break: break-all;这个会使英文单词也会分开换行。原创 2016-10-25 17:42:37 · 585 阅读 · 0 评论 -
display:inline-block在ie6,7下无法识别解决方法
在样式表中加入 zoom:1;/* 触发元素的haslayout属性 */ diylay:inline-block;/* 非IE6、7浏览器识别该属性,使得页面也成行块布局 */ +display:inline;/* 针对IE6、7定义 display:inline,让块元素呈递为内联对象*、原创 2016-10-25 17:42:31 · 358 阅读 · 0 评论 -
DIV+CSS解决IE6,IE7,IE8,FF兼容问题
1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了:1. 2. 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如margin-left:10px!important;/*IE7,IE8,FF下是10PX*/;margin-left:5px;/*IE6下属性写的是5P原创 2016-10-25 17:42:21 · 155 阅读 · 0 评论 -
CSS 多浏览器兼容性问题及解决方案
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertical-alig原创 2016-10-25 17:42:16 · 699 阅读 · 0 评论 -
css清除浮动大全,共8种方法
转自:http://hi.baidu.com/kongcheng2012/item/2b1250d4452e802538f6f705清除浮动 是每一个 web前台设计师 必须掌握的机能。 为什么浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。原创 2016-10-25 17:41:51 · 209 阅读 · 0 评论 -
【转载】CSS样式:浏览器之间样式区分
按顺序进行:FF、IE8: background-color:#000000 !important;IE7: >background-color:#990000 !important;IE6: background-color:#FFCC00; ====================================================================参考:跨浏览器的原创 2016-10-25 17:40:56 · 620 阅读 · 0 评论 -
单行多行中垂直居中
父标签中使用:display:table;需要垂直居中的标签中使用:display:table-cell;vertical-align:middle;原创 2016-10-25 17:46:00 · 284 阅读 · 0 评论