simpli Posted March 12, 2009 Share Posted March 12, 2009 Hi, I would like to know how to create an effect like what you have in the welcome page. When you hover over 'php add text to image' and 'php 5.2.9' you have that semi-transparency effect. Can anyone help? Thanks, J-R Quote Link to comment Share on other sites More sharing options...
jackpf Posted March 21, 2009 Share Posted March 21, 2009 Not really sure where you're finding this, but you can use opacity in css. Google would be your best bet. Quote Link to comment Share on other sites More sharing options...
dropfaith Posted March 21, 2009 Share Posted March 21, 2009 on mine it turns blue when i hover not trans but its just changing the background-color on hover of the element Quote Link to comment Share on other sites More sharing options...
Maq Posted March 22, 2009 Share Posted March 22, 2009 Not really sure where you're finding this, but you can use opacity in css. Google would be your best bet. He's talking about the tutorial section on the main page. When you hover over the tutorial the whole block background turns a light blue. You can do this with CSS or in Javascript. Just google, "change background color on hover". Quote Link to comment Share on other sites More sharing options...
jackpf Posted March 22, 2009 Share Posted March 22, 2009 Oh right yeah, that's not opacity at all, that's just a background mate. You can either use javascript: <div id="hover" onmouseover="document.getElementById('hover').style.background='blue';" onmouseout="document.getElementById('hover').style.background='';">stuff</div> Or css: #hover:hover { background: blue; } Hope this helps... Quote Link to comment Share on other sites More sharing options...
dropfaith Posted March 22, 2009 Share Posted March 22, 2009 i would use js the css approach wont work on block lvl elements acrosss broswers i dont think ie will do it javascript for this would work best Quote Link to comment Share on other sites More sharing options...
jackpf Posted March 22, 2009 Share Posted March 22, 2009 Yeah. It's weird though, because on my site I have input:hover and that seems to work for IE7. I thought it only supported <a> tags for :hover and :active... Quote Link to comment Share on other sites More sharing options...
Maq Posted March 22, 2009 Share Posted March 22, 2009 Yeah. It's weird though, because on my site I have input:hover and that seems to work for IE7. I thought it only supported tags for :hover and :active... Why don't you use what jackpf suggested? Quote Link to comment Share on other sites More sharing options...
jackpf Posted March 22, 2009 Share Posted March 22, 2009 Lol I am jackpf. What you mean javascript? Well...I have tons of submit buttons, so it's a lot easier to do it globally with css rather than having to put onmouseover="document.getblahblahblah" on on every input. Besides, who even uses IE anyway... Quote Link to comment Share on other sites More sharing options...
Maq Posted March 22, 2009 Share Posted March 22, 2009 Lol I am jackpf. What you mean javascript? Well...I have tons of submit buttons, so it's a lot easier to do it globally with css rather than having to put onmouseover="document.getblahblahblah" on on every input. Besides, who even uses IE anyway... Lol, didn't have my coffee yet, I'm drinking it now! Thought you were the OP, obviously... Quote Link to comment Share on other sites More sharing options...
jackpf Posted March 22, 2009 Share Posted March 22, 2009 Haha yeah... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.