Hi Frendz,
How to set opacity for background images?
karthik_ppts
81
Posting Pro
Recommended Answers
Jump to PostTry wrapping the foreground images and text in a tag that will allow you to set opacity and alpha independent of the background.
Jump to Posthi,
try this,<div style="position:relative; ">
<div style=" background-image:url(kitchen/gibbsandsoelleb47_rgb.jpg); opacity:0.5;
filter:alpha(opacity=40);height:520px; width:520px;">
</div><div style="position:absolute; top:10px; z-index:100;left:10px;height:500px; width:500px;">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took …
Jump to Postoho k.
Jump to Postwhat type of background image have you used for that? is it repeated image?
All 13 Replies
karthik_ppts
81
Posting Pro
Dandello
8
Posting Whiz in Training
karthik_ppts
81
Posting Pro
ushajase
11
Newbie Poster
karthik_ppts
commented:
Useful post
+6
karthik_ppts
81
Posting Pro
karthik_ppts
81
Posting Pro
ushajase
11
Newbie Poster
ushajase
11
Newbie Poster
karthik_ppts
81
Posting Pro
ushajase
11
Newbie Poster
karthik_ppts
81
Posting Pro
Edge330
0
Newbie Poster
Dandello
8
Posting Whiz in Training
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.