登录 | 注册 | FAQ
Anonymous

How to Make Overlaying Div with Semi-Transparent?

+ 发表回复

3 篇帖子 分页: 1 / 1


How to Make Overlaying Div with Semi-Transparent?

biju » 周二 3月 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.
头像

biju

  • 帖子: 6
  • 注册: 周二 2月 24, 2015 9:32 am
  • 地址: Dhaka, Bangladesh

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

XainPro » 周二 3月 03, 2015 2:56 pm

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


代码: 全选

<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>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

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

biju » 周六 3月 28, 2015 10:06 am

Thanks for your help. But I want to make like this ... 图片
头像

biju

  • 帖子: 6
  • 注册: 周二 2月 24, 2015 9:32 am
  • 地址: Dhaka, Bangladesh


+ 发表回复

分页: 1 / 1