精华内容
下载资源
问答
  • 弹出透明黑色遮罩层

    千次阅读 2014-01-24 11:29:43
    a:link{text-decoration:none}  .black_overlay{  display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;
    <html>
    
     <head>
     <style>
     a:link{text-decoration:none}
      .black_overlay{
                 display: none;
                 position: absolute;
                 top: 0%;
                 left: 0%;
                 width: 100%;
                 height: 100%;
                 background-color: black;
                 z-index:1001;
                 -moz-opacity: 0.8;
                 opacity:.80;
                 filter: alpha(opacity=35);
             }
             .white_content {
                 display: none;
                 position: absolute;
                 top: 25%;
                 left: 25%;
                 width: 55%;
                 height: 55%;
                 padding: 20px; 
                 background-image:url( http://www.aosae.com/upLoad/Pro/2011428103834687.jpg);
                 z-index:1002;
                 overflow: auto;
             }
     </style>
     </head>
     <script language="JavaScript" type="text/JavaScript">
     function index()
     {
     document.getElementById("light").style.display="block";
     document.getElementById("fade").style.display="block";
     }
     function never()
     {
     document.getElementById("light").style.display="none";
     document.getElementById("fade").style.display="none";
     }
     </Script>
     <body>
     <p><a href = "javascript:void(0)"><img src="用户头像.jpg" onClick="index()"></a></p>
     <div id="light" class="white_content"><a "href = "javascript:void(0)" οnclick="never()">
     <b>关闭图片</b><a/></div>
     <div id="fade" class="black_overlay"></div>
     </body>

     </html>

    欢迎加我的qq技术群425783133

    展开全文
  • 首先这是ui美眉 给的一张图 怎么看怎么想就是一张背景 再往上面放一张带有透明度的图片 可就是找着这个思路 纠结了一上午 中午睡醒 灵机一动~ &lt;ImageView android:id="@+id/back_ima"...

    首先这是ui美眉 给的一张图 怎么看怎么想就是一张背景 再往上面放一张带有透明度的图片

    可就是找着这个思路 纠结了一上午   中午睡醒 灵机一动~

    <ImageView
        android:id="@+id/back_ima"
        android:layout_width="match_parent"
        android:src="#80000000"
        android:background="@mipmap/logo_icon"
        android:layout_height="match_parent" />

    这样搞定 background 本来就是张背景图片 src是图片资源 这是只需要给这张图设置一个背景图片就ok 

    先写一个方法

    Picasso设置背景图片
    
    展开全文
  • 背景黑色透明css属性

    千次阅读 2014-12-05 14:25:16
    此属性支持ie7以上 div{background-color: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/*低版本ie透明写法*/ ...

    此属性支持ie7以上

    div{background-color: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/*低版本ie透明写法*/

    }

    展开全文
  • 在实际开发中经常会遇到对图片加一层透明遮罩,然后上面显示文字说明的需求。 如下图: 如何实现呢?看代码! 需要把图片放到一个父容器中,为父容器设置背景色为黑色background: #000;,再为图片本身添加一...

    在实际开发中经常会遇到对图片加一层半透明遮罩,然后上面显示文字说明的需求。
    如下图:
    效果图
    如何实现呢?看代码!
    需要把图片放到一个父容器中,为父容器设置背景色为黑色background: #000;,再为图片本身添加一层线性渐变蒙版-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0.5));

    <view class='lunboImage'>
        <image src='{{item}}'></image>
     </view>

    重点是样式文件:

    
    .lunboImage {
      background: #000;
      width: 100%;
      height: 100%;
      margin: 0 10rpx;
      justify-content: center;
    
    }
    .lunboImage image{
       width: 100%;
      height: 100%;
      margin: auto;
      -webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0.5));
    }

    很easy吧~

    关于
    -webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0.5));
    稍微说明一下。。。

    -webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1),rgba(0,0,0,1),rgba(0,0,0,0.5))

    线性渐变蒙版:-webkit-linear-gradient(方向、起始颜色…终止颜色)
    方向有top,bottom,left,right分别表示从上往下,从下往上,从左往右,从右往左。
    起始颜色和终止颜色中间可以加很多颜色,作为中间色。

    好啦,就是这样啦~
    这是我在微信小程序的项目中遇到的,也属于前端页面css样式的知识点吧。

    版权声明:如果觉的本文好的话,点个赞,您的鼓励是我最大的动力。

    展开全文
  • ps-透明图片抠图

    千次阅读 2017-12-11 17:04:13
    下面是本人自学关于透明图片的抠图内容,与大家共勉: 1、下图第一张为原图,第二张为直接魔棒抠图下来的,第三张为透明图片抠图的成果。 2、下面来说一下第三张。 3、首先,在通道窗口对比一下红绿蓝那个图层...
  • Z:\alps_o1_mp1\alps\vendor\google\apps\SearchLauncher\Launcher3\src\com\android\launcher3\allapps\AllAppsTransitionController.javaprivate void updateAllAppsBg(float progress) 最后更改:Z:\alps_o1_mp1\...
  • Android 实现背景透明

    千次阅读 2016-08-24 16:55:18
    这里background="#70000000" 前两位是控制透明度 这样就是实现透明背景 其他控件均适用
  • 常见RGB 颜值表和透明颜色值的写法: https://blog.csdn.net/BINGDUCAIJUN/article/details/50379688
  • flutter 部分透明蒙版效果

    万次阅读 2019-05-22 17:26:44
    Stack( alignment: AlignmentDirectional.bottomStart, children: <Widget>[ Container( child: Image.asset( ...
  • dialog去除阴影和透明背景

    千次阅读 2019-01-12 17:18:52
    //背景改透明 getWindow().setBackgroundDrawableResource(android.R.color....//去除透明阴影 WindowManager.LayoutParams layoutParams = getWindow().getAttributes(); layoutParams.dimAmount = 0.0f; getWind...
  • 所以一般情况下透明就是普通"ae"(等表示透明度的)+RGB(普通的)就可以得到了; 常见RGB颜色表:     R G B 值   R G B ...
  • 使用qss使QPushButton透明,透明。 原理 QPushButton默认有黑色的border背景,去掉border即可,或者使用代码设置开启flat样式。 实现透明窗口的方法(背景底色)可参考: 《Qt实用技巧:实现窗口透明的...
  • Qt的透明方法总结

    万次阅读 2016-09-22 17:15:47
    Qt的透明方法总结 QPainter painter(this); this->setAttributte(Qt::WA_TranslucentBackground, true);//关键 painter.setBrush(QColor(0,0,0,100));//最后一位是设置透明属性(在0-255取值) painter....
  • android activity透明

    千次阅读 2019-01-24 10:59:25
    也不是原创,网上有很多这个资料,在这里记录下 <item name="android:windowNoTitle">true <item name="android:windowBackground">@color/colorbtmHs ...这样activity就能够透明了
  • 常用android颜色色值和透明色值

    热门讨论 2012-11-27 17:08:09
    常用android颜色色值和透明色值的设置
  • 核心代码:  dialog.getWindow().setDimAmount(0);//设置昏暗度为0 ...public void showDialog(){ AlertDialog dialog = new AlertDialog.Builder(getContext()).create();... dialog.getWindow().setD
  • CSS-背景色 background 透明

    千次阅读 2019-10-01 15:15:18
    想要实现背景色的透明效果可以是将 background 的属性值设置为 rgba() 语法: background: rgba(0, 0, 0, 0.5); 前三个值(红绿蓝)的范围为0到255之间的整数或者0%到100%之间的百分数;这些值描述了红绿蓝三原色...
  • Unity Shader 实现透明效果

    万次阅读 2019-07-04 16:48:51
    想要实现如下效果:主角可以遮挡背景,背景遮挡主角时候透明混合 研究了一周,shader知识了解从无到稍稍入门,终于解决了,记录一下实现方案。 实现方法 使用 Blend One OneMinusSrcAlpha指令,也就是SrcColor + ...
  • css实现背景颜色透明的两种方法

    千次阅读 2020-05-18 22:20:36
    在页面布局时,为了给用户不一样的视觉效果,需要设置div的背景颜色为透明状态,你知道怎么设置吗? 接下来,就和大家聊聊如何用两种方式使div的背景颜色变成透明,以及两种方式的优劣。感兴趣的朋友可以过来看...
  • RGBA实现背景颜色透明

    千次阅读 2014-06-05 16:57:50
    所谓RGBA颜色,顾名思意就是R+G+B+A的颜色...RGBA颜色归为CSS3属性,其余RGB的区别在于多了个A,也就是Alpha透明度,这是个很好的东西啊,我们以后要实现透明效果(无论是背景,边框,文字颜色等都可以用透明实现了
  • 一般情况下,让一个图片有超链接,可以用a标签把 img包住,但是要做hover鼠标经过显示黑色透明遮罩层如果用定位的话,定位的透明遮罩层就会把图片遮住,以至于鼠标经过没有小手指,也点不到链接,所以这里给出一...
  • LayaBox -- 使用滤镜实现图片黑白效果

    千次阅读 2018-03-27 17:49:03
    项目中,如果我们想讲一个还没有购买的任务隐藏掉,抹掉他的色彩或者直接将其设置为黑色,LayaBox中给我们提供了一种滤镜的功能可以实现上面的要求。 /** * 将角色设置为灰色的。 */ private grayingRole...
  • Android Dialog去掉默认的黑色背景效果

    千次阅读 2020-06-29 20:49:19
    正常的Dialog弹窗出现时,背景都会有一层黑色透明的遮罩,去掉的方法有两种。 方法一: dialog.getWindow().setDimAmount(0f); 方法二: 1:在res/values/styles.xml中自定义dialog的style <style name=...
  • 1.在res/valuse/styles.xml中添加如下代码<!--是否显示标题 窗口背景 透明 窗口是否透明--> <item name="android:windowNoTitle">true</item
  • CSS中如何让背景颜色透明

    千次阅读 2019-09-07 15:47:46
    中(也就是卡片中间的联系方式)添加透明的背景颜色 <article> <img src="chris.jpg" alt="A picture of Chris - a man with glasses, a beard, and a silly wooly hat"> <p>50 My...
  • android 控件各种颜色的透明效果配置

    万次阅读 多人点赞 2016-12-09 16:55:24
    说明:透明颜色值不同于平时使用的颜色,透明颜色值共8位,前2位是透明度,后6位是颜色。 也就是说透明度和颜色结合就可以写出各种颜色的透明度。下面是透明度说明表,供大家参考。 不透明 100% FF ...
  • css3的透明效果

    千次阅读 2018-01-02 12:44:11
    引自:... filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; ...filter:alpha(Opacity=50) 对win IE设置透明效果,火狐不认。 -moz-opacity:0.5; 对火狐设置透明效果,IE不认。
  • CSS整理透明边框

    千次阅读 2017-04-14 10:10:00
    1.透明边框 问题: 如果我们要为一个容器设置红色背景和一道黑色透明边框,我们可能会这样写:border: 20px solid rgba(0,0,0,0.5); background: red; 但是效果却是这样的(图1-1.png);我们的透明...
  • css实现div透明而文字不透明

    千次阅读 2019-09-08 11:26:55
    通产采用rgba中的透明度来设置,可以有效解决 .logintop { width: 100%; height: 40%; background: rgba(66, 66, 66, 0.26); } 样式:
  • WPF实现透明背景的弹框

    千次阅读 2017-09-13 10:21:27
    因为以前没有接触过WPF,所以在使用过程中遇到了很多的问题,就拿这次来说为了实现背景为充满窗口的透明的灰色弹框的效果时,就不知道怎么实现了,在百度上查找了半天也没有找到,后来在CSDN的论坛上看到一个人问...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,927
精华内容 13,570
关键字:

半透黑