Reputation: 390
I am working on project and added images as relative positions. But in browsers images are working fine except Firefox. When i click image it selects the image. You can see by visit this link :
Visit : http://tinypic.com/r/5e7go1/8
or you can check website URL : http://cqindia.org/website/ here i uploaded the website.
When you open this website in firefox and scroll down to slider section then you can see the bug.
Main problem is when i click background image i select the image.
I have already tried too many things : Like - positions to absolute and changed z-index but nothing work.
Also i have visited some stack pages but no answer found.
Already used this css code :
.main_container section img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
Thanks
Upvotes: 3
Views: 614
Reputation: 409
Try disabling user selecting on that image:
-moz-user-select: none;
If that works, all browsers can be addressed via:
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
Upvotes: 4