随笔分类 -  CSS

上一页 1 2
用CSS调整scrollbar(滚动条)的配色
摘要：设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。代码如下：.uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:#EAEAEA; scrollbar-highlight-color:#EAEAEA; scrollbar-3dlight-color:#EAEAEA; scrollbar-darkshadow-color:#697074; scrollbar-t 阅读全文
posted @ 2011-03-20 20:38 星火卓越 阅读(470) 评论(0) 推荐(0)
css 圆角例子
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style> * { padding-bottom: 0px; margin: 0px; padding-left: 0 阅读全文
posted @ 2011-02-27 15:43 星火卓越
表格样式
摘要：!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleTable Style/title style type="text/css" .myTabl 阅读全文
posted @ 2011-01-21 14:41 星火卓越
IE6,IE7,FF兼容CSS的差别及解决办法
摘要：CSSHACK区别IE6与FF： background:orange;*background:blue; background:orange;_background:blue; background:blue;!important;background:orange;区别IE6与IE7：background:blue;!important;background:green;background:g... 阅读全文
posted @ 2010-07-01 11:18 星火卓越
一行内文本超出指定宽度溢出的处理
摘要：一般的文字截断（适用于内联与块）： 程序代码.text-overflow {display:block;/*内联对象需加*/width:31em;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文... 阅读全文
posted @ 2010-07-01 03:36 星火卓越
ie8兼容ie7css的方法和min-height的兼容问题
摘要：在网页文件头部head和/head之间加入META http-equiv=X-UA-Compatible content=IE=EmulateIE7 的代码(注意加上<>)，即可解决兼容问题。对于min-height在ie6失效的问题，可以加一个_height的代码，例如 加入min-height:340px;_height:340px; 就能兼容ie6和ie7了 阅读全文
posted @ 2010-07-01 02:32 星火卓越
CSS兼容技巧
摘要：所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐，用下面的一种感觉最安全)... 阅读全文
posted @ 2010-07-01 02:28 星火卓越
DIV+CSS相对IE6 IE7和IE8兼容问题整理
摘要：1.区别IE和非IE浏览器 #tip{background:blue;/*非IE背景藍色*/background:red\9;/*IE6、IE7、IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF 【区别符号】：「\9」、「*」、「_」【示例】：#tip{background:blue;/*Firefox背景变蓝色*/background:red\9;/*IE8背景变红色*/*backgr... 阅读全文
posted @ 2010-07-01 02:17 星火卓越

上一页 1 2