欢迎各位兄弟 发布技术文章
这里的技术是共享的
自动换行
CSS 参考手册
vertical-align 属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
!!!记住一定要清除浮动.txt
background:url(../images/logobg.jpg) rrepeat-x left top;
我们有时发现ie6的margin不起作用我们就把ie6的这个元素设置成float:left
当高度不变时 line-height:越小越朝上,等于高度时在中间 ,越大 越朝下 ,
div 在 object上面
1)<object里增加 <param value="transparent" name="wmode">
2)embed标签可以在标签中加入 wmode="transparent" 好像是两个加起来才有用
1) http://moko.cc
<!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=utf-8" /><title>无标题文档</title><style>* {margin:0; padding:0; font-size:12px;}ul {list-style:none;}#nav {width:180px; height:200px; border:1px solid red;}
解决IE6浏览器下position:fixed固定定位问题发布于:2011-10-05 18:07 | 点击:113 | 评论:0使元素固定在浏览器的顶部:#top{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}使元素固定在浏览器的底部:#top{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}这两段代码只能实现在最底部跟最顶部,你可以使用 _margin-top:10px; 或者 _margin-bottom:10px; 修改其中的数值控制元素的位置。
RGBA像RGB一样设置颜色,而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样,一个opacity值为1的元素是完全不透明的,而一个opacity为0的元素是完全透明的。
img 图像丢失 onerror
<img src="{{$row.userhead}}" onerror="this.onerror=null;this.src='http://u.szr.com/images/face/none.gif'" width="20" height="20" alt="{{$row.username}}的照片" />
1)background 背景图
2)border:none;
也能用 1)它的父元素用background 背景图
/* \9 是仅对IE起作用*/margin-top:10px; margin-bottom:10px\9;/* 下面这些在 css 要严格按顺序 */width:150px; /*普通浏览器*/width\0:140px ; /*为ie8*/*+width:130px ; /*为ie7*/_width:120px ; 或者 *width:120px ; /*为ie6*/(*width:120px ; 假如没有 *+时,也对 IE7起作用)(_width:120px ; 假如没有 *+时,也仅对 IE6起作用)/*只适用于ie6,好像是不适用于ie7 */*html .aaaa{width:140px;}*html{background-image:url(about:blank);background-attachment:fixed;
在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果:
然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用CSS其他属性模拟阴影效果,但是,现在,CSS3的崛起使得这个问题已经不再是是个问题了,本文就将展示如何实现跨浏览器的盒阴影效果。
标准方法当然就是指使用CSS3的方法了,这个应该不少同行应该知道,参见如下代码:
<a href="mailto:1052889979@qq.com" >校长信箱</a>
一 背景
本文不讨论普通元素的大小和位置,仅仅讨论页面的大小和位置,而且为了简化问题,本文只讨论高度与顶部距离。笔者发现,页面的宽度与高度的表现有很多不同,细心的朋友会发现,故页面宽度另起文讨论,文章已经写好,见页面宽度发微。
div在object上面
1)<object里增加 <param value="transparent" name="wmode">2)embed标签可以在标签中加入 wmode="transparent" (如果不行的话 再加上 value="transparent" )好像是1)和2)两个加起来才有用
//普通浏览器 固定在网页头部
#top{ position:fixed; left :0px; top:0px;
}
//ie6 固定在网页头部
#top{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
颜色代码
#ccc, #666灰色
#FF0000 红色
无法确定html元素时 我们加上边框 border 或背景颜色 background
********“ word-wrap: break-word; word-break: break-all; ”********************这个常常用到*****************
是为了单词自动换行的 特别是在ie6中常常用到
http://en.wikipedia.org/wiki/Conditional_comment
ifie if ie
html里是否是ie 来进行执行html代码
下面这四个是绝对ok//下面是 IE6<!--[if IE 6]><link rel="stylesheet" href="<?php echo $base_path . $directory; ?>/style.ie6.css" type="text/css" /><![endif]-->
<head>
html a标签position为absolute时,IE浏览器无法显示为块
如果给a加上一个background属性,颜色或图片都可以
由于这个 Bug 对于 'display' 特性为 'inline' 的元素不会触发,所以可以通过设置 display:inline 消除此 Bug,由于此 Bug 仅在元素浮动时发生,而浮动将使该元素 'display' 特性计算为 'block' 或者 'table'(见 CSS2.1 规范第 9.7 Relationships between 'display', 'position', and 'float' 节),因此可以通过设置 display:inline 消除双边距 Bug。
兼容各浏览器且效果一致,有两种方法: