台灣最大程式設計社群網站
線上人數
1114
 
會員總數:245123
討論主題:189032
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> dreamweaver Template 用 CSS 無法顯現圖片
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
dreamweaver Template 用 CSS 無法顯現圖片
價值 : 40 QP  點閱數:821 回應數:1

樓主

米拉拉mila
門外漢
0 2
67 2
發送站內信

我想在template模板(.dwt)上多增加1個可變色的按鈕,(兩個png檔,用css寫)
但是網頁做出來只有連結(滑鼠移過去會顯示 手指),沒有圖片
圖片路徑也是正確的,確實有放在pic資料夾中

另外開了aspx寫(非templates),CSS 圖片可以出現

請問 Template 用 CSS 無法顯現圖片的問題 怎麼解決呢?


template的部分:
這是css

body
{
margin:0px;
padding:0px;
font-family:Verdana,arial,Geneva,sans-serif,新細明體,PMingLiU,微軟正黑體,Microsoft JhengHei;
font-size:75%;
color:#666;
background:url(../pic/tilt-bg.gif) repeat;
}
ul, li
{
padding: 0;
margin: 0;
list-style: none;
}
#area2
{
height:25px;
width:100%;
margin:0px;
padding:0px;
background-color:#aaa;
background:url(../pic/gbg.jpg) repeat;
z-index:90;
}
#area2-1
{
position:relative;
height:25px;
width:980px;
margin:0 auto;
padding:0px;
z-index:90;


}
/*menu background */
.btn_menu
{
width:150px;
height:25px;
margin:0px;
padding:0px;
float:left;
}

.btn_menu_IR
{
background:url(../pic/btn_ir.png) no-repeat;
}

.ch_menu_IR
{
background:url(../pic/btn_ir_b.png) no-repeat;
}
.test1
{
visibility:visible !important;
}

這是js

$(function(){$('.btn_menu_IR').hover(function(){$(this).toggleClass('ch_menu_IR');});});
$(function(){$('.btn_menu_IR').hover(function(){$('#main_menu').removeClass('test1');});});
$(function(){$('.btn_menu_IR').hover(function(){$('.btn_menu_product').removeClass('ch_menu_product');});});

這是網頁程式

<div id="area2">
<div id="area2-1"><a href="../about/Investor Relationship.aspx"><div class="btn_menu_IR btn_menu "></div></a>
</div>

搜尋相關Tags的文章: [ Dreamweaver ] , [ CSS ] ,
本篇文章發表於2014-10-09 16:45
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

米拉拉mila
檢舉此回應
問題已解決~XDD 感謝water大大

先檢查:
1.圖片路徑是否正確
2.連結的寬高是否跟圖片一致
3.圖片檔案名稱跟副檔名是否跟CSS載入的相同
4.有載入JQuery的檔案,請確認路徑跟檔案名稱是否相符

-------如果圖片再沒出現的話-------

a.試試看在aspx網頁將Body標籤中的所有資料清空,然後用CSS將圖片設為Body的背景圖片看看抓不抓得到
抓得到的話就是JQuery檔案或.NET抓圖片的設定有問題

b.可能頁面巢狀標籤太多讓z軸排序有問題,造成圖片其實有載入可是被他東西檔到
本篇文章回覆於2014-10-13 16:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.