新手：在CSS代碼上放置鏈接和圖像無效

Question

我在將CSS代碼中的一個鏈接設置正確的位置時遇到問題：該鏈接是放置在該網站頁腳橫幅右上角的文本“隱藏”： http : //iknowfirst.com我要放置低一點

特定的CSS代碼在這里： http : //iknowfirst.com/wp-content/plugins/yith-footer-banner/assets/css/style.css

除此之外，我看不到設置為在電子郵件字段上顯示的圖像：“ images / mailwhite.png”。

有人可以給我點燈嗎？ 提前致謝！

Answer 1

ul.hiderzone中的文本“ hide”-您需要減小ul的下距。

關於css：css路徑為： http : //iknowfirst.com/wp-content/plugins/yith-footer-banner/assets/css/style.css圖像寫入路徑為

url(../images/mailwhite.png)

因此，真實的圖像路徑是： http : //iknowfirst.com/wp-content/plugins/yith-footer-banner/assets/images/mailwhite.png

UPD：將css規則復制到頁面正文中，因此修復第266行。

background-image: url("../images/mailwhite.png"); 

地點：

background-image: url("/wp-content/plugins/yith-footer-banner/assets/images/mailwhite.png"); 

Answer 2

這是您的2個問題的解決方案

1）放置鏈接解決方案：在CSS中

.hiderzone {
right: 10px;
top: -12px; /*Edit this, this will help you*/
bottom: 2px;
/*top: auto;*/ /*You should not use "TOP" twice */
list-style: none; }

2）您可以使用相對或絕對圖像路徑

相對路徑背景圖片：url（“ ../ images / mailwhite.png”）;

絕對路徑背景圖片：url（“ / wp-content / plugins / yith-footer-banner / assets / images / mailwhite.png”）;