justlukeyou Posted March 1, 2011 Share Posted March 1, 2011 Hi, I came across this site from Techcrunch: http://www.room77.com/index.html The main text in the middle "Personal hotel room recommendations" appears to be in a div which shows it as a background text. Similiar to the background image. Does anyone know how to do this? Quote Link to comment https://forums.phpfreaks.com/topic/229314-text-in-css-background/ Share on other sites More sharing options...
cssfreakie Posted March 2, 2011 Share Posted March 2, 2011 They used a text-indent of -5000px for it. So the background is just an image, but the text over it displayed outside the view Use firebug it would have immidiatly told you: div.home_search_container h1 { background-position: left top; height: 40px; margin: 0 auto; text-indent: -5000px; width: 670px; } This is probably done for SEO reasons Quote Link to comment https://forums.phpfreaks.com/topic/229314-text-in-css-background/#findComment-1181654 Share on other sites More sharing options...
cssfreakie Posted March 2, 2011 Share Posted March 2, 2011 The image is a sprite: http://www.room77.com/images/web/sprites/home_search.png in case you didn't found it, nifty thing is though the font is collored whitem so you wont see it directly if you do show image Quote Link to comment https://forums.phpfreaks.com/topic/229314-text-in-css-background/#findComment-1181664 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.