找在IE下实现css3效果的圆角时找到的一个实例，没有测试，不知道使用起来怎么样，有兴趣的朋友可以自己试一下:复制代码代码如下: <!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>
<title>在线演示 - LHGCALENDAR</title>
<script type="text/javascript" src="http://www.qiuzhiquan.com/images/...
本文实例讲述了纯CSS实现图片列表悬停放大效果的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<!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;...
最近在面试，不停地收到了知识冲击，尤其是对于一些基础的css、html、js问题居多，所以自我也在做反思，今天就css问题，如何让一个子元素div块元素上下左右居中 (以下总结方法，都已得到验证)。 情景一：一个浏览器页面中，只有一个div模块，让其上下左右居中 解决方案： { position:fixed; left:0; right:0; top:0; ...
有时需要在页面显示三角形，需要通过画正方形才能得到三角形，代码如下：方法一：首先需要设置边框的大小与颜色，设置边框的上右下左分别你需要哪块显示在前端即后面跟数据，如果不需要显示的话就写transparent；<style> .tr1{ width: 0; height: 0; border: 100px solid transparent; border-top-color: black; border-bottom: none; ...
最近在做一个div css切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先：一、并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的 话，两个浏览器下会有区别，具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉，不然下面的div会叠在已float的div上。我通常把清除浮动...
网页设计制作,CSS实现隔行换色两种方法:第一种方法:以下为引用的内容：<style type="text/css">UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?‘#9FB7F6‘:‘#B6C8F8‘);}</style><ul class="myul1"><li id="li1">111</li><li id="li2">222</li><li id="li2">333</li><li id="li2">444</li><li id="li2">555</li><li id="li2">666</li></ul>第二种方法:以下为引用的内容：<style type="text/css"><!--.li01 { b...
cssText 本质是什么？ cssText 的本质就是设置 HTML 元素的 style 属性值。cssText 怎么用？domElement.style.cssText = "color:red; font-size:13px;";cssText 返回值是什么？在某些浏览器中（比如 Chrome），你给他赋什么值，它就返回什么值。在 IE 中则比较痛苦，它会格式化输出、会把属性大写、会改变属性顺序、会去掉最后一个分号，比如：1document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
2...
offset()返回偏移坐标对象，包括top,left两个Number属性，像素数值$(selector).offset().top$(selector).offset().left详细scrollTop属性设置文档从文档顶部开始卷起的像素值scrollTop:10;原文：http://www.cnblogs.com/carolina/p/5463610.html
一：要解决的问题时：在ie6-ie11下兼容以下透明上传文件按钮的效果。实现方式通过滤镜实现。二：效果图如下：三：代码:样式：.file2 {position: absolute;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*ie 8*/filter: alpha(opacity=0);/*ie 5-7*/opacity:.0;/*opera9.0+,firefox1.5+,safari,chrome*/width: 30px;height: 20px;line-height: 20px;cursor: pointer;padding: 0;overflow: hidden;padding-to...
本总结不断更新，主要记录本人调试过程中所终结的经验与方法。 毕竟本人不是做浏览器前端的，所以如有不详敬请见谅。 css关系到界面的美观，有时候功能实现了。界面确丑到没人用，终归还是一件失败的产品，所有好的产品不仅需要实用的功能，更加需要贴心美观的外观。 1.如果遇到整体布局工整，个别布局偏移的。 可以使用浏览器取道偏移的组件（放大镜），然后得到应用到这个组件的css文件中的css效果进行修改即可，如下图所示： 可...
一.什么是浏览器兼容性问题？
所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核
浏览器类型 内核 JS引擎
IE Trident JScript
Firefox Gecko TraceMonkey
Chrome ...
去过宜家的同学应该都有注意到，宜家的家具基本都是组合的，可拆装。模块化的特点也是这样，可以组合，相对独立，在需要的时候可以很方便的加上。那怎么写可以基本实现这种方式呢？很久之前就知道 宜家 ，以前在广州的时候也去过一次，给我的印象就是：大、贵、巧。地方很大，东西很贵，设计很巧。现在住的地方离宜家不远，这个月找时间去逛了下，地方还是那么大，东西还是那么贵，设计还是那么的巧。虽然没有买什么东西，不过也还...
div最小高度去除办法：IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。如下面的情况。 HTML代码 复制代码代码如下:<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </...
1：通过position：absolute定位，上下左右的值都设为0，margin:auto；需要知道div的宽高{ width: 64px; height: 64px; border: 1px solid red; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }2：需要知道div的宽高，通过定位移动的页面的宽高一半的位置，再通过margin-top和margin-left的移动该div的宽高度的一般即可实现；{width: 64px; height: 64px; bord...
首先效果如下。效果就是若干长图通过视口，并且第一张和最后一张要无缝衔接。接着原理图如下。真的，超简单。。。注意：第一张和最后一张必须要是同一张图，这样才能无缝衔接。 如果视口大于每张图片，那就有必要第1，2甚至3张和倒数第3，2，1张相同，这样才能在视口大于图片的情况下完成完成衔接。 从右往左滚动，或者垂直方向滚动效果稍加变动代码即可实现。代码如下<!DOCTYPE html>
<html>
<head lang="en"><meta cha...
