L.Y
- 浏览: 13987 次
- 性别:
- 来自: 杭州
-
最新评论
文章列表
/* IE8 火狐 谷歌等 固定样式 */
.fixed-bottom
em是何物？
em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。em有如下特点： 1. em的值并不是固定的； 2. em会继承父级元素的字体大小。重写步骤：1. body选择器中声明Font-size=62.5%； ...
网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法！
今天在做网页的时候，我想在flash上放一个层，然后放图片等内容，可是总是被flash遮挡，因此总结了一下对于这方面的问题的几个解决方法，希望可以对朋友和自己有帮助！
1.flash把层遮挡住了，如何处理呢？==================================================================
在Flash里面加两个参数：<param name="wmode" value="transparent"> <param ...
Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲染效果。总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用，然后借助条件样式，使用其原CSS代码在一些浏览器解析，而CSS Hack代码在符合条件要求的浏览器中替代原CSS那部分代 ...
IE8的css hack
- 博客分类：
- css
今天碰到一个问题，就是input输入框设置了一个高度height:40px;
然后没有设置line-height，这是在Chrome里面显示是正常的
但是IE7下输入的文字就会靠着顶部对齐，如图
这时很容易就会用到IE7的hack写法，加
最近对CSS中的行为比较感兴趣，虽然是不符合标准的也只有ie才能识别，但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子，因为都被转烂了，没法注明出处。
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
给元素固有属性赋值 ...
CSS定义Input之Radio和Checkbox的样式
<style type="text/css">
form#form1 {font:12px tahoma,sans-serif}
input[type="checkbox"] {visibility:hidden;width:0;height:0;margin:0;padding:0;}
input[type="checkbox"]+label {background:url(checkstyle.gif) no-repeat;paddin ...
这里是一个简单的CSS技巧，它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一个空<span>标签，它使用背景图片和position:absolute属性将标题覆盖。该技巧经主流浏 ...
最近，认识到一个新的CSS属性：pointer-events。称为鼠标事件，超级实用的属性！让我们来看看两个例子：
首先，上图是某东商城的商品列表页中的商品，在右上角有一个“惊爆价”的图标，大家都知道这是用一个标签在 ...
在css中使用padding可以将padding-top, padding-bottom, padding-left, padding-right缩写为一个标记。padding标记可以带一个、二个、三个、四个参数，各有不同的含义。
[示例代码]
<html> <body> <div style="border: 1px solid red; padding: 20px;"> <div style="border: 1px solid blue;"> ...
html代码：<div><p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p></div>css代码：div{width:200px;/*容器的基本定义*/height:200px;background-color:#eee;}/* IE下的样式 */ p span{display: block;width:200px;/* ...
文章主要参考于：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html(阮一峰的网络日志)
在这篇文章的基础上加上了写自己的理解（文章蓝色部分）。
一. 允许网页宽度自动调整：
"自适应网页设计"到底是怎么做到的？其实并不难。
首先，在网页代码的头部，加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" /> ...
[转载] 移动平台前端开发布局技巧(1)
- 博客分类：
- 移动Web
此说明一下，在此所说的移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发Wap 2.0，所以在阅读本篇文章以前，你需要对webkit内核的浏览器有一定的了解，你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解，那现在就开始往下阅读吧……
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1 ...
IE6 PNG透明终极解决方案
- 博客分类：
- web
“珍惜生命，远离IE6”，IE6中的bug令很多Web前端开发人员实为头疼，因此不知道烧了多少脑细胞，在众多的Bug中最令人抓狂的就是IE对png图片的不支持，导致设计师和重构师放弃了很多很炫的效果，为了让大家在这方面少烧点脑细胞，KwooShung我就舍身一把，把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内，以供大家学习参考！
方案1 - 滤镜解决方案：介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！目 ...
多行文本溢出显示省略号(...)的方法
- 博客分类：
- css
现在的浏览器都支持text-overflow:ellipsis属性，用来实现单行文本的溢出显示省略号，但是这个属性并不支持多行文本。那么有没有方法在多行文本上实现同样的效果呢？
-webkit-line-clamp
Webkit支持一个名为-webkit-line-clamp的属性，他其实是一个WebKit-Specific Unsupported Property，也就是说这个属性并不是标准的一部分，可能是Webkit内部使用的，或者被弃用的属性。但是既然被人发现了，而且能用，为什么不试试呢~o(∩_∩)o
p {
overflow : hidden;
t ...