Zaloguj | Zarejestruj | FAQ
Anonymous

How to Make Overlaying Div with Semi-Transparent?

+ Odpowiedz

Posty: 3 Strona 1 z 1


How to Make Overlaying Div with Semi-Transparent?

przez biju » Wt mar 03, 2015 10:37 am

Hello there, I'm new here but I'm too much optimistic about this Forum. I'm a new artist on Web Designing. I asked to another forum about my this concern. Yes I got some answers from some of my expert friends, even I think I need an easy way to make "overlaying div with semi-transparent gradient image in background". Anyone here say something about it in details? I said I'm a newbie web-designer. So please your fruitful suggestion is my path.

Thanks in advance.
Avatar użytkownika

biju

  • Posty: 6
  • Dołączył(a): Wt lut 24, 2015 9:32 am
  • Lokalizacja: Dhaka, Bangladesh

Re: How to Make Overlaying Div with Semi-Transparent?

przez XainPro » Wt mar 03, 2015 2:56 pm

USE CSS3 rgba property properly to mae a semi transparent Div here is an example


Kod: Zaznacz cały

<html>
<head>
<title>Title of the document</title>
<style>
div.box {
margin-right:10px;
height: 500px;
width: 500px;
border: 1px solid black;
background-color: red;
}
.overlay {
margin-right:10px;
height: 250px;
width: 250px;
background-color: rgba(0,0,255,0.2);
}
</style>
</head>

<body>
<div class="box">

<div class="overlay">  </div>


</div>
</body>

</html>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: How to Make Overlaying Div with Semi-Transparent?

przez biju » So mar 28, 2015 10:06 am

Thanks for your help. But I want to make like this ... Obrazek
Avatar użytkownika

biju

  • Posty: 6
  • Dołączył(a): Wt lut 24, 2015 9:32 am
  • Lokalizacja: Dhaka, Bangladesh


+ Odpowiedz

Strona 1 z 1