写作背景: 觅兼职--登陆页面,UI给的原型图很漂亮,其中有一个图要求div外面有一圈透明度为0.37且带有渐变的边框。效果图如下: 在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框。但是,又不能不做是不是,费了一番心思查资料,下面是解决方案 ...
做项目的时候遇到了一个问题:要求是有多个无边框的div同时排列,当鼠标经过div时,背景变色,显示 px的边框颜色。 在制作过程中,由于div在hover时添加边框,则width增加了 px,当前div会位移,同时影响了排列在后面的div也会出现位移。 解决方法:设置div的边框为 px且透明,div border: px solid transparent 由于ie 下不支持边框透明需要做兼容 ...
2012-10-10 09:59 0 3396 推荐指数:
写作背景: 觅兼职--登陆页面,UI给的原型图很漂亮,其中有一个图要求div外面有一圈透明度为0.37且带有渐变的边框。效果图如下: 在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框。但是,又不能不做是不是,费了一番心思查资料,下面是解决方案 ...
-webkit-box-shadow: 1px 0px 15px #696969; background: rgba(255, 255, 255, 0.45) none repeat scroll ...
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下,知其然也知其所以然。 IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置 ...
用一个大的div来包裹阴影层(半透明div)和p标记,p标记要放在阴影层之外;然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等样式,就能实现想要的效果。 效果 ...
要使 ie8 的 iframe 的透明,需要设置两点:设置 iframe 的 allowTransparency 属性值为 true:<iframe allowtransparency="true" src="test1.html" width="200" height="126"> ...
div的透明度设置 div的透明度属性为opacity: #bg{ height:300px; width:500px; background-color:#60F; opacity:0.5;} 动态控制div透明 ...
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性 ...
一个简单的可拖动div,随着鼠标的移动,div可随之走动 主要思路: 一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等) 并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性 ...