“Transparansi Gambar CSS” Kode Jawaban

Contoh Opacity CSS

.opacity30 {
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}
Grepper

Transparansi Gambar CSS

opacity: .8;
maher abdo

latar belakang gambar opacity css

/* Two ways to make images opaque */

div {
	background-color : rgba(120, 120, 120, 0.5) 
   	/* the 0.5 is the value of opacity on a scale of 0-1 */
}

/* OR */

div {
	background-color : blue
    opacity : 50%
}
Psych4_3.8.3

Opacity CSS

.div{
  opacity: 0.8; /* 1 means fully visible, 0 means invisible */
}
A Grepper User

memiliki div transparan pada gambar html

<html>
  <head>
    <style type="text/css">
      div.imageSub { position: relative; }
      div.imageSub img { z-index: 1; }
      div.imageSub div {
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: 0;
        padding: 4px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        overflow: hidden;
      }
      div.imageSub div.blackbg {
        z-index: 2;
        background-color: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        opacity: 0.5;
      }
      div.imageSub div.label {
        z-index: 3;
        color: white;
      }
    </style>
  </head>
    <body>
      <div class="imageSub" style="width: 300px;"> <!-- Put Your Image Width -->
        <img src="image.jpg" alt="Something" />
        <div class="blackbg"></div>
        <div class="label">Label Goes Here</div>
      </div>
    </body>
</html>
Jumping Boy

Jawaban yang mirip dengan “Transparansi Gambar CSS”

Pertanyaan yang mirip dengan “Transparansi Gambar CSS”

Lebih banyak jawaban terkait untuk “Transparansi Gambar CSS” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya