By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,652 Members | 1,441 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,652 IT Pros & Developers. It's quick & easy.

Why am I unable to select the text?

P: 1
I'm helping to build a website for a friend and I was viewing it and judging via my own website (http://theeviljam.co.uk/allmark/index.html)
However for some reason when I've coded the background in I have managed to create an issue. I was working on how to make the background move when the browser is resized (so that it would look relatively okay considering) but at the same time I have made it so neither the text can be selected, the home or links clicked. Nevertheless, the bottom mailto link is still able to be clicked.

Anyone know what I may have done wrong?

Would it have anything to do with Z Index coding?
Feb 24 '11 #1
Share this Question
Share on Google+
2 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Yes, your image is covering up everything.
Feb 26 '11 #2

P: 76
Z-index could be the culprit of your issue. The "image" is covering everything.

I also don't think you need to have a container for the background at all, you can easily make the background part of the 'body' the way you did the color;

Expand|Select|Wrap|Line Numbers
  1. body
  2. {
  3. background-color: #005EAD;
  4. background-image: url("ambg.png"); 
  5. background-position: left bottom; 
  6. background-attachment: fixed; 
  7. background-repeat: no-repeat;
  8. }
If you want your inner container to show the background through it, change the background property of container to either transparent or set the opacity. (If you do decide to use opacity be aware that IE and Firefox do not handle it the same in all versions, you may need to use Filter:Alpha(Opacity=50) for IE to understand)
Mar 3 '11 #3

Post your reply

Sign in to post your reply or Sign up for a free account.