透明元素不让我点击东西

时间:2017-06-11 20:03:40

标签: css asp.net

我有一个使用Asp.net和CSS的畅销网页。有些东西覆盖了文本框和超链接,所以它不允许我在使用移动设备时点击它们。我已经尝试过我所知道的一切,并想知道是否有人会这样通过查看页面源代码并使用Inspect Element来帮助我,因为我对编程很新,不知道如何完全使用它。

网页为http://www.onlinecarbooty.com/go-booting2.aspx 但是你需要使用..登录 用户名:test12345@aol.com和密码:qwerty 在此页面上:http://www.onlinecarbooty.com/loginmob.aspx

正如我所说,它可以在笔记本电脑上运行,但在手机上你可以点击除照片之外的任何东西(卖家商品)。

代码很大,如果我在这里发布它会让事情变得混乱,如果可能的话,任何人都可以直接看看我的页面。真的很感激。

1 个答案:

答案 0 :(得分:1)

我可以看看,但你提供的凭据似乎是错误的。

编辑:

好的。您可以在CSS文件中输入以下代码:

.stallNew > div:nth-child(2) > div {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  width: 320px;
  pointer-events: none;
}


.stallNew > div:nth-child(2) > div select, .stallNew > div:nth-child(2) > div textarea, .stallNew > div:nth-child(2) > div input, .stallNew > div:nth-child(2) > div a {
  pointer-events: auto;
}

编辑:

你的HTML非常混乱,应该重构。上面我使用允许元素透明的pointer-events属性,因此您可以点击它,但是如果您想要将属性pointer-events: none设置为可点击的元素的特定元素,则必须将其属性设置为pointer-events: auto