我正在談論此 HTML 頁面上鏈接的第二部分中的影像。這是原始影像的鏈接。
當您檢查可以看到的 HTML 頁面時，我使用的影像與給定的鏈接相同，但仍然沒有顯示影像中的手，我嘗試調整大小并檢查所有內容，以便影像中的手變為可見但不作業。我認為這是 z-index 的問題，但我檢查了所有 z-index 都很好，手的邊框部分是可見的。
我剛剛看到使用不同的 Mac 和 safari 瀏覽器時，影像用手顯示，但在我的系統、Linux 和 chrome 瀏覽器中，影像顯示時沒有手。
<div class="col-lg-4 is-animated">
<img src="assets/images/2sec.svg" class="img-fluid" alt="">
</div>
uj5u.com熱心網友回復：
嘗試使用<object>標簽：
<object type="image/svg xml" data="https://www.thealphateam.digital/demos/pando/assets/images/2sec.svg">uj5u.com熱心網友回復：
@Progu，感謝您的回答，您的回答有效，但我的 javascript 代碼開始面臨另一個問題，當我使用物件標簽顯示影像時，滾動停止作業...
所以我尋找了更多的替代方法來顯示影像標簽之外的影像，我發現了 Iframe 方法，它作業得非常好。但是，如果有人知道為什么會發生這種情況并且可以用影像標簽顯示它可以回答。
<iframe frameborder="0" scrolling="no" width="100%" height="100%"
src="assets/images/2sec.svg" name="imgbox" id="imgbox">
<p>iframes are not supported by your browser.</p>
</iframe><br />
uj5u.com熱心網友回復：
更改行內樣式樣式 margin-left 值。
<iframe frameborder="0" scrolling="no" width="100%" height="100%" src="assets/images/2sec.svg" name="imgbox" id="imgbox" style="margin-left: 256px;">
還有 svg width="100%" 和 height="auto"
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="auto" viewBox="0 0 540 471" fill="none">
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/332951.html
標籤：javascript html css 图片