2 backgrounds
background-image: url(images/logo_middle.jpg), url(images/logo_middle2.jpg);
Maar ik wil eentje met opacity;
- Aar - op 03/03/2013 20:20:12:
Hoe zie je die dan gecombineerd? Op welke manier?
Gewijzigd op 03/03/2013 20:32:18 door - Ariën -
Gewijzigd op 03/03/2013 20:38:08 door - Ariën -
@aar geen animatie (in-enuitfading) maar een of die andere moet in zijn geheel doorzichter zijn
Maar wanneer moet die ene, en wanneer moet die andere nou een opacity hebben? Je zou het moeilijk door elkaar heen kunnen doen? Geef eens een voorbeeld anders?
- Aar - op 03/03/2013 20:47:54:
Maar wanneer moet die ene, en wanneer moet die andere nou een opacity hebben?
Maar wanneer moet die ene, en wanneer moet die andere nou een opacity hebben?
Als het kan gelijk en dat voor maar 1 plaatje van de 2 (ik vraag niet om hoe je iets kan doen met jquery) maar css
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
.logo_middle {
display: inline;
float: left;
height: 192px;
width: 392px;
background-image: url(images/logo_middle.jpg);
color: black;
font-size: 10px;
text-align: left;
position:relative;
opacity: 0.9;
background-repeat: no-repeat;
}
.logo_middle2 {
background-image: url(images/logo_middle2.jpg);
opacity: 0.4;
background-repeat: no-repeat;
}
?>
.logo_middle {
display: inline;
float: left;
height: 192px;
width: 392px;
background-image: url(images/logo_middle.jpg);
color: black;
font-size: 10px;
text-align: left;
position:relative;
opacity: 0.9;
background-repeat: no-repeat;
}
.logo_middle2 {
background-image: url(images/logo_middle2.jpg);
opacity: 0.4;
background-repeat: no-repeat;
}
?>
in iedergeval niet
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<style>
body {
background: url("yourimg") 100% 100%;
}
.image {
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.3
}
</style>
<body>
<div class="image">
<img src="yourimg" height="100%" width="100%" />
</div>
</body>
</html>
<head>
<style>
body {
background: url("yourimg") 100% 100%;
}
.image {
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.3
}
</style>
<body>
<div class="image">
<img src="yourimg" height="100%" width="100%" />
</div>
</body>
</html>
heb het niet getest maar volgens mij wil jij zoiets berijken?
bijv
Code (php)
1
2
3
2
3
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
filter: alpha(opacity=60);
opacity: 0.6;