Question

你好我正在建立一个网站，文字在我的几个页面的某些区域变得无法选择，我无法弄清楚原因。一个是在表格之后，另一个是在图像之后。我想也许我没有关闭一个标签或东西，但我没有找到任何...仍然半新编码所以温柔：）

<div id="content_container"><div id="about1"><h1 id="About Us">About Us...</h1><p>We promote good business practices, balanced healthy lifestyles, mental and physical fitness. Originating in the Pacific Northwest and transitioning to the East Coast, our styles are rooted in the mountains and expanding to the ocean shorelines.</p><h1 id="Ordering">Ordering...</h1><p>We do our best to get your orders out as quickly as possible. Almost all of our products are hand made and stitched in America. Our usual lead time is 3 business days from the date of your order. We accept major credit cards: VISA, MasterCard, AMEX. We also accept Paypal payments. Our site is secured with a 256-bit SSL encryption to keep your information safe and secure.</p><h1 id="Shipping">Shipping...</h1><p><img src="images/Free-Shipping.png" alt="Free Shipping"/>We use USPS Priority Mail for standard ground shipments. Transit time takes 5-7 business days for shipments to the contiguous US and 7-14 business days internationally. Limited tracking is provided with this service however, it is not step-by-step tracking information. If step-by-step tracking is important to you or if expedited shipping is required, FedEx shipping is available.</p><h1 id="Returns">Returns...</h1><p>We want you to be happy with your purchase. If you have a problem with your order, please contact us immediately to resolve the issue. If needed, we will issue a Returned Merchandise Authorization (RMA). We accept returns within 15 days of purchase (including weekends and holidays). Products must be unused, unwashed, as well as not modified in order to be eligible for return. Any products that are returned without a RMA, risks getting lost and may not be refunded. Due to this, we encourage using a traceable courier with a tracking number for any returns. Refunds will be issued upon receipt of the parcel, minus the cost of shipping.</p><h1 id="Privacy">Privacy Policy</h1><p>We only collect information you elect to offer us on this site. Any information you provide us is ONLY used to benefit you and our other customers. One goal in collecting personal information from you is to provide an efficient, meaningful, and customized experience. For example, we can use your personal information to: Help make the Site easier for you to use by not having to enter information more than once. Help you quickly find information, products, and services. Help us create content that is most relevant to you. Alert you to new information, products, and services that we offer.</p>

                            </div>
</div>

<div id="footer_container"><div class="footer1"><h3>Store</h3><ul><li>Jiu Jitsu Kimonos</li><li>T-Shirts</li><li>Hoodies</li><li>Bags</li><li>Accessories</li></div>
                           <div class="footer1"><h3>Terms & Conditions</h3><ul><li>FAQ</li><li>Shipping Policy</li><li>Return Policy</li><li>Privacy Policy</li><li>Payment Methods</li></div>
                           <div class="footer1"><h3>About Us</h3><ul><li><a href="about.html#About Us">Company Bio</a></li><li>Tesla Athletes</li><li><a href="about.html#Ordering">How to Order</a></li><li><a href="about.html#Returns">Return Policy</a></li><li><a href="about.html#Privacy">Privacy Policy</a></li></div>
                           <div class="footer1"><h3><img src="images/Payment-Methods.jpg"></h3><ul><li>Tesla Apparel<br>12345 W Broad St<br>Richmond, VA 23220<br><br></li></div>
</div>

和css：

#about1 {
position: absolute;
left: 25.4%;
top: 25%;
width: 50%;
height:50%;
}

#about1 h1 {
font-family: 'Dancing Script', cursive;
font-weight: bold;
font-size: 36px;
text-shadow: 1px 1px 1px gray;
border-bottom: 1px gray solid;
width:300px;

}

#about1 p {
font-family: 'bonvenocflight';
font-weight: 500;
font-size: 15px;

}

.brand {
   font-family:'Sansation';
   font-variant:small-caps;
   font-size:18px;
   font-weight:bold;
   text-shadow: 1px 1px 1px gray;

}

Answer 1

一个常见的问题是，您可能有一个元素重叠 - 可能是一个透明区域的图像 - 在z顺序中比文本更高。您可以看到文本，但点击和拖动实际上是对图像本身执行该操作。

如果是这种情况，选择页面上的所有内容可能会通过高亮显示。或者：右键单击要开始选择文本的位置，然后从上下文菜单中选择“检查元素”。如果突出显示的元素不是包含文本的元素，那就是问题。

_{将来，请在您的问题中加入测试代码或网址，这样我们就可以做更多的事情而不是在黑暗中帮助您。}

HTML文本在某些地方变得无法选择

1 个答案: