这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。 关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。 1. 旧的Opacity设置 以下代码是Firefox和Safari旧版本所需的透明度设置: #myElement { -khtml-opacity: .5; -moz-opac...
一个简单的可拖动div，随着鼠标的移动，div可随之走动 主要思路： 一个div，注册监听onmousedown事件，然后处理获取的对象及其相关值（对象高度，clientX/clientY位置等） 并继而转为监测onmousemove事件，在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除监听，更新位置完成。 需要注意的两点： 1.更新对象的位置需要用到o.style.left等，这些CSS属性只能内嵌才能被访问到： box 放在...
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下，知其然也知其所以然。 IE8-特点： 1.不支持"opcity:0.5;"这种写法，只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置了z-index的值（除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元素的内容元素本身或其祖先节点（这些祖先节点是背景元素的后代节点）没有设置css定位...
这篇文章主要介绍了关于兼容ie的内阴影和外阴影实现效果及测试代码，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下关于阴影这个效果，IE和W3C都有实现的代码；本文介绍一下W3C实现阴影效果与ie阴影效果的实现与IE的模糊效果的实现，感兴趣的朋友可以了解下，希望本文对你有所帮助关于阴影这个效果，IE和W3C都有实现的代码，但效果却不统一(以W3C的效果为主)。 W3C实现代码：box-shadow: 水平偏移 垂直偏移 阴影模...
css滚动条样式如何兼容IE以及火狐浏览器的示例<!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>图片与JavaScript配合做出个性滚动条</title> <style type="text/css"> * { margin:0; padding:0; } body { margin...
废话不多说，直接上demo，最下面有详细注释。1、这是在webkit浏览器下显示的样式。 （个人比较喜欢简约点的）2、在IE浏览器下显示的样式（为了区分所以样式写的不一样，我没找到IE下设置滚动条宽高的方法）下面是代码：<p id=scroll><p ><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ex quia ab aliquid facere architecto culpa dolorum fugit corrupti harum accusantium quisquam inventor...
代码如下: function SetCwinHeight(){ var bobo=document.getElementById("bobo"); //iframe id if (document.getElementById){ if (bobo && !window.opera){ if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){ bobo.height = bobo.contentDocument.body.offsetHeight; }else if(bobo.Document && bobo.Document.body.scrollHeight){ bobo.height = bobo.Document.body.scrollHeig...
今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。 代码如下： .Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; zo...
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. ...