好的,这个问题很难解释......我有一个有投资组合的网站,我的下拉菜单中的一些按钮是不可点击的。现在我已经发现什么使它们无法点击它是我的图形网格div。
一些嵌套的半div如何在下拉内容的前面,但半div中的内容落后于下降。
不可点击的按钮是常见问题解答和隐私政策如果您将光标悬停在下拉列表中的页面中心,按钮是可点击的,这是因为在页面中间有一个拆分嵌套在div中的halfs。正如我所说,这很难解释,如果这让人感到困惑。
问题不是在Internet Explorer中发生,而是在chrome中发生。
这是我的网站,问题是:https://thg-graphics.com/portfolio.html
这是代码:
<div id="container">
<div id="header" class="w3-center w3-opacity">
<!-- Header start -->
<h1>THG Graphics</h1>
<h1 class="w3-xlarge">Graphic Designer</h1>
<div class="w3-padding-32">
<div class="border"><a title="Home" href="index.html" class="w3-button dropbtn">Home</a><a title="Portfolio" href="portfolio.html" class="w3-button w3-grey dropbtn">Portfolio</a><a title="Enquiry" href="Enquiry.html" alt="Enquiry" class="w3-button dropbtn">Enquiry</a>
<div class="dropdown" style="float:right;">
<button title="About" alt="About" class="w3-button dropdown dropbtn dropdownmobile">About</button>
<div class="dropdown-content border" id="myDropdown">
<a title="Contact us" href="Contact.html" alt="Contact us" class="w3-button">Contact us</a>
<a title="Terms of use" href="TOS.html" alt="Terms of use" class="w3-button">Terms of use</a>
<a title="Privacy policy" href="privacypolicy.html" alt="Privacy Policy" class=" w3-button">Privacy Policy</a>
<a title="FAQ" href="FAQ.html" alt="FAQ" class="w3-button">FAQ</a>
</div>
</div>
</div>
<h2>Welcome to our Portfolio</h2>
</div>
</div>
<!-- Graphic Grid -->
<div class="w3-row-padding" style="margin-bottom:128px">
<div class="w3-half w3-center">
<video controls height="380" width="512" class="video" poster="Images/thg.jpg" controlsList="nodownload noaudio">
<source src="videos/Comp 1.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<video controls height="380" width="512" class="video" poster="Images/Arff custom.jpg" controlsList="nodownload noaudio">
<source src="videos/ARFF Custom 3_x264.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<video controls height="380" width="512" class="video" poster="Images/bullet.jpg" controlsList="nodownload noaudio">
<source src="videos/bullet fixed_x264.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<video controls height="380" width="512" class="video" poster="Images/Rita.jpg" controlsList="nodownload noaudio">
<source src="videos/Rita.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
</div>
<div class="w3-half w3-center">
<video controls height="380" width="512" class="video" poster="Images/pot.jpg" controlsList="nodownload noaudio">
<source src="videos/flower pot_x264.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<video controls height="380" width="512" class="video" poster="Images/hello.jpg" controlsList="nodownload noaudio">
<source src="videos/Hello_x264.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<video controls height="380" width="512" class="video" poster="Images/jarvis.jpg" controlsList="nodownload noaudio">
<source src="videos/Jarvis_x264.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<video controls height="380" width="512" class="video" poster="Images/THG Animation.jpg" controlsList="nodownload noaudio">
<source src="videos/THG Animation.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
<br>
<br>
<br>
</div>
<div class="THG-center">
<a title="Next" href="page-2.html" class="w3-button border">Next</a>
<a href="portfolio.html" class="w3-button border w3-grey">1</a>
<a href="page-2.html" class="w3-button border">2</a>
</div>
</div>
&#13;