博客首页 → opacity

最新文章列表

消息提示框alert的实现

随着大家对页面颜值的要求越来越高，传统的alert因为过于简陋，渐渐无法满足大家的需求，好的，那我们来写一个自己的alert，先来看一下demo,这就是我们要实现的效果，消息框demo，要实现这个demo，我们得先写出这个消息框的css：   .popup { position: fixed; font-family: 'Helvetica Neue',He ...
javascriptalerttranslate3dopacitydocument.documentElement 
neitingbbb 评论(0) 有112人浏览 2017-06-14 18:52

遮罩的实现

遮罩在实际使用中我们经常用到，那它是怎么实现的呢，先看下面这段css:   .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: rgba(0,0,0,.3); filte ...
javascript遮罩transitionopacity单例 
neitingbbb 评论(0) 有55人浏览 2017-06-12 00:25

UIView的hidden,alpha,opaque属性，UIColor的opacity属性

这几个属性经常会让人迷惑，组合不好就会得到不想要的结果。   简单的解释网上有很多 1.UIView的hidden 这个比较简单粗暴，不仅自己看不到了，所有的subview都看不到了，也不能接受事件了。   2.UIView的alpha 这个也比较简单，设置view的透明度，和hidden一样，所有的subview跟着一块儿变，alpha的极端情况，即为0的时候，就跟hidden一 ...
hiddenalphaopaqueopacity 
weiqingfei 评论(0) 有1809人浏览 2015-05-29 09:16

js动画html标签

1.jQuery 效果 - animate() 方法    改变 "div" 元素的高度：    $(".btn1").click(function(){      $("#box").animate({height:"300px"});    ...
htmljs动画mediaopacity 
843977358 评论(0) 有3669人浏览 2015-05-22 09:55

html 透明度

#...{ filter:alpha(opacity=60);//IE opacity:0.6 //其他浏览器 }
opacityfilteralphafilter:alpha(opacity 
huazuoyu0 评论(0) 有668人浏览 2014-08-22 11:40

HTML元素透明度的CSS设置(opacity)

  CSS3 的opacity 属性： div { opacity:0.5; }   浏览器支持 所有浏览器都支持 opacity 属性。 注释：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。     定义和用法 opacity 属性设置元素的不透明级别。 默认值： 1 ...
HTML元素透明度CSSopacity 
ykyfendou 评论(0) 有1181人浏览 2014-08-03 23:59

js脚本加样式实现 图片剪切

闲来无事 百度加自己理解 写了一个剪切图片的小例子 效果：   关键代码如下： 一：样式   body{background:#333} .box{position: absolute;top:100px;left:200px;} #preview{position:absolute ;top:100px; left:600px} .main{position: absolut ...
js剪切图片jQuery-uicursoropacityclip:rect 
314649444 评论(0) 有1324人浏览 2014-07-25 17:51

仿支付宝首页效果图（较完整）

这个主要是做的项目中用的效果图，奉献出来  主要的代码其实在上一篇博文中也都有体现。、 <!DOCTYPE html> <html> <head> <meta charset="gbk" /> <title>大金融</title> <link rel="stylesheet& ...
支付宝首页效果jquery定时器animatedopacity 
xiaomiya 评论(5) 有2226人浏览 2014-04-17 14:17

仿支付宝首页效果图

下面提供仿支付宝首页的效果图，淡入淡出的， 直接上代码   <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>仿支付宝首页效果 ...
jqueryjsopacityanimated 
xiaomiya 评论(3) 有4931人浏览 2014-04-17 11:36

解决IE6图片半透明效果

这个话题已经被讨论的不想在讨论的问题，，今天我们做个小小的回顾和总结，做项目中，遇到这样的问题，我们也不要去纠结，如果图片用gif也不影响美观的话就用gif。。如果要求更高的像素那就png8或者24. 项目中可能只有个别一个or几个地方要用到半透明效果。 那么我们可以用比较简单的hack来处理下就OK 1， <div class="img4"></di ...
ie6png半透明jsopacity 
xiaomiya 评论(2) 有1018人浏览 2014-03-24 16:02

透明度(opacity)设置

opacity 语法 opacity:<number> 默认值：1 取值 <number> 使用浮点数指定对象的透明度。 取值范围：[0.0~1.0] 说明 检索或设置对象的透明度。 对于尚不支持opacity的IE浏览器，可以使用IE私有的滤镜属性来实现与opacity相同的效果。 div{filter:alpha(opacity=50);} /* ...
csshtmlopacity 
易沙520 评论(0) 有1212人浏览 2013-07-21 15:57

背景图片的透明方法

很多时候需要给body添加一个背景图片，同时对北京图片稍微做透明处理，保证背景图片不会影响主体的显示。         <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te ...
背景图片透明opacityfilter:alpha 
accpxudajian 评论(0) 有5553人浏览 2012-11-24 10:32

IE 下 css 设置透明度造成 input 内光标异常的问题

    zTree v3.0 正式版发布后，有朋友反映 IE 下修改节点名称时，如果输入的字符串较长，超过了输入框可显示的长度后，用键盘左右键前后移动光标会出 ...
iefilteropacitybug 
zTreeAPI 评论(0) 有4100人浏览 2012-02-01 14:01

IE的opacity有BUG？

.box{     background: url(bg.png);     opacity:1; } 上面的opacity看上去是多余的，的确有没有这句的效果都是一样的。而我们使用JS实现fade效果时通常都是控制opacity属性从0到1的变化，这本来应该是没问题的，但在IE（6、7、8）又耍BUG了，在IE中opacity为1和没有opacity是不一样的。 平时很难察觉，当图片中带纯黑色是 ...
ieopacityjsfadebug 
YES 评论(1) 有1111人浏览 2011-10-22 10:07

opacity的思考

今天在封装图片轮播的插件的时候，产生了这个opacity的小小思考。 我这个轮播的思路不是以前baidu输入法官网的设置外层容器overflow为hidden,position为relative用setInterval去定义一个循环时间，然后去按照图片的height改变top的值。 而是利用opacity去切换显示对应的图片。   这边还是先说说这个opacity的兼容性问题   fi ...
cssopacity 
zhangyaochun 评论(0) 有1710人浏览 2011-10-04 19:53

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics