原文:div透明边框的设置及ie兼容

做项目的时候遇到了一个问题:要求是有多个无边框的div同时排列,当鼠标经过div时,背景变色,显示 px的边框颜色。 在制作过程中,由于div在hover时添加边框,则width增加了 px,当前div会位移,同时影响了排列在后面的div也会出现位移。 解决方法:设置div的边框为 px且透明,div border: px solid transparent 由于ie 下不支持边框透明需要做兼容 ...

2012-10-10 09:59 0 3396 推荐指数:

查看详情

css:设置div边框透明+渐变

写作背景:   觅兼职--登陆页面,UI给的原型图很漂亮,其中有一个图要求div外面有一圈透明度为0.37且带有渐变的边框。效果图如下:   在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框。但是,又不能不做是不是,费了一番心思查资料,下面是解决方案 ...

Wed Jan 16 03:44:00 CST 2019 0 2656
兼容IE、Firefox的背景半透明内容不透明设置

  首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。   记录一下,知其然也知其所以然。 IE8-特点:   1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。   2.如果背景元素拥有css属性设置 ...

Fri Jan 01 02:08:00 CST 2016 0 10545
解决iframe IE8透明兼容

要使 ie8 的 iframe 的透明,需要设置两点:设置 iframe 的 allowTransparency 属性值为 true:<iframe allowtransparency="true" src="test1.html" width="200" height="126"> ...

Mon Aug 22 23:19:00 CST 2016 0 1612
div透明设置

div透明设置 div透明度属性为opacity: #bg{ height:300px; width:500px; background-color:#60F; opacity:0.5;}    动态控制div透明 ...

Fri Nov 23 23:23:00 CST 2018 0 9588
CSS中设置DIV垂直居中的N种方法 兼容IE浏览器

  在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性 ...

Tue Jul 05 19:44:00 CST 2016 6 1343
简单的鼠标可拖动DIV 兼容IE/FF

一个简单的可拖动div,随着鼠标的移动,div可随之走动 主要思路: 一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等) 并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性 ...

Sat Mar 21 20:56:00 CST 2015 4 4302
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM