html/css
MemoryBook
人生至善--对生活的乐观,对工作的热情......
展开
-
背景图片居中显示三种方法
<br />1.<br /> <div style="width:800px;height:600px;background:url(http://www.zzsky.cn/images/logo.gif) no-repeat 250px 270px;border:1px solid #cccccc;"></div><br /> <br />2.<br /> <div style="width:800px;height:600px;background:url(http://www.zzsky.原创 2011-05-17 09:56:00 · 1415 阅读 · 0 评论 -
IE7,IE8,IE9 字体不能垂直居中, line-height 不起作用的解决方法
line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px;原创 2014-06-11 13:59:12 · 10876 阅读 · 0 评论 -
360 浏览器 浏览器内核控制Meta标签说明文档
浏览器内核控制Meta标签说明文档背景介绍由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收原创 2014-06-28 12:12:32 · 1815 阅读 · 0 评论 -
B/S中CSS控制打印范围以及打印预览
1、window.print方式:jsp页面 打印按钮:js 中:function print(){window.print();style样式中,设置隐藏按钮打印:@media print {.noprint{display:none}}2、WebBrowser控件方式WebBrowser是IE内置的浏览器控件,无需用户下载.一、WebBr转载 2013-07-09 14:51:16 · 3015 阅读 · 0 评论 -
文字居中的几种CSS简单的样式设置方法
首先说明在CSS中的vertical-align属性只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的、、等,而像、这样的元素是没有valign特性的,因此使用vertical-align对它们不起作用。 一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可原创 2012-06-18 17:50:09 · 8376 阅读 · 0 评论 -
使用jQuery和CSS控制页面打印区域
使用方法介绍:CSS控制页面打印区域使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下:style type="text/css" media="print"> #header,.top_title,#jqprint,#footer,#cs原创 2012-05-02 10:52:34 · 7558 阅读 · 0 评论 -
IE6 下图片不能显示的问题解决
这是一个IE6下的bug,当图片中含有 标签时,浏览器会终止请求,所以图片未能加载。解决方案: 1 把图片的所有 替换为 2 如果你实在想用在return false也可以原创 2012-03-07 10:27:01 · 1329 阅读 · 0 评论 -
30个最常用css选择器解析
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. * { margin: 0; padding: 0; } 星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中转载 2012-02-01 15:08:13 · 481 阅读 · 0 评论 -
css垂直水平居中的整理
方法一.demo1 { width:180px; height:180px; line-height:180px; *font-size:160px; border:1px solid #ddd; text-align:center;}.demo1 img { vertical-align:middle;}注意:如果不能居中,在img前面加一个空格。方法二.demo2 {转载 2011-06-24 10:22:00 · 556 阅读 · 0 评论 -
css selection改变文字反选的背景颜色
反选后默认的样式能不能改变选择的默认颜色呢,也许很多人对这个问题不是很在意,也可能你早就见到过这个效果了,但是却忽略了。给出了如下的CSS代码:::-moz-selection{ /*针对Firefox*/ background:#cc0000; color:#fff; } ::selection { background:#cc0000; col转载 2011-06-24 14:18:00 · 780 阅读 · 0 评论 -
CSS选择器
<br />CSS选择器笔记<br />阮一峰 整理<br />参考网址:456 Berea Street<br />一、基本选择器序号选择器含义1.*通用元素选择器,匹配任何元素2.E标签选择器,匹配所有使用E标签的元素3..infoclass选择器,匹配所有class属性中包含info的元素4. #footerid选择器,匹配所有id属性等于footer的元素<br />实例:<br />* { margin:0; padding:0; }<br />p { font-size:2em; }<br />原创 2011-04-19 19:30:00 · 452 阅读 · 0 评论 -
css实现div内图片的垂直、水平居中
.img_v { display:table-cell !important; display:block; position:static !important; position:relative; overflow:hidden; width:400px; height:400px; border:1px solid #000; vertical-align:middle; text-align:center; } .img_v p { displa转载 2011-05-31 16:19:00 · 574 阅读 · 0 评论 -
容器居中时注意问题
<br />使用margin:0 auto 居中时不起作用:<br />div没有设置高度和宽度 <br />这是一个常常忽略的问题。原创 2011-05-26 18:32:00 · 696 阅读 · 0 评论 -
div错位/解决IE6、IE7、IE8样式不兼容问题,高度不适应
<br />IE6里DIV错位的问题<br /> 采用”FLOAT:LEFT“的DIV在IE8、IE7、都没问题,IE6下却向下移动,出现空白。这是因为,IE6采用的内核默认把DIV之间的距离增加了3~5个PX,所以,试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。<br />解决IE7、IE8样式不兼容问题<br />方法一、要在页面中加入如下HTTP meta-tag: <br /><meta http-equiv="X-UA-Compatible" co转载 2011-05-20 16:51:00 · 3123 阅读 · 0 评论 -
居中的waiting for
<br />#loading<br />{<br /> position:fixed !important;<br /> position:absolute;<br /> top:0;<br /> left:0;<br /> height:100%; <br /> width:100%; <br /> z-index:999; <br /> background:#DFFFFF url(images/load.gif) no-repeat center center; <br /> opacity:0原创 2011-05-17 10:04:00 · 438 阅读 · 0 评论 -
Chrom 42及以上版本Silverlight不能正确加载的设置方法
升级chrom 到42版本 突然发现silverlight不能用了,搜索后才发现google做了更新NPAPI 插件无法在 Chrome 42 版及更高版本上正常运行您可以利用插件在浏览器中添加一些额外的功能。例如,您可以观看某些类型的视频或者玩网页版游戏。支持哪些插件使用 Pepper API (PPAPI) 这种更新、更安全的系统的插件将继续正常使用,包括 Chrome 自带的原创 2015-07-06 16:00:01 · 26039 阅读 · 0 评论