February 25th, 2013, 04:24 PM
|
 |
Contributing User
|
|
Join Date: Aug 2011
Location: The Pleiades
|
|
Hi tradeweb,
Give this a go:
Code:
<div id="container">
<p>This is some text This is some text This is some text This is</p>
</div>
<img src="phpwp.jpg" alt="php wallpaper" />
CSS:
Code:
#container
{
width: 100px;
height: 100px;
border 1px solid black;
background: red;
}
img
{
width: 100px;
height: 100px;
position: relative;
top: -30px;
left: 70px;
}
I'm not sure on how to make only the part which is covering your paragraph have a low opacity. I can make the whole image transparent but not part of it unless there is some code I've not come across before. It can be done but I'm thinking maybe Javascript to calculate it somehow?
Anyone got more thoughts on this, I'm curious now!
Regards,
NM. 
__________________
"WERE NOT WORTHY!" 
"WERE NOT WORTHY!"
Last edited by Nanomech : February 25th, 2013 at 04:47 PM.
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
