iT邦幫忙

0

CSS的問題, 請高手們幫忙解決.

css
  • 分享至 

  • xImage

我最近正在用ASP.NET MVC 4來發一套電子物流系統, 因為ASP.NET MVC和以往熟悉的Web Forms開發真的不一樣, 以致進度緩慢.
最近好不容易有點成果...用Chrome來看, 如下圖:

可是用IE10來看, 卻多了一點東西, 如下圖紅框:

相關的CSS碼如下:

.navi {  
	list-style-type: none; 
	height: 40px; 
	padding: 40px 0 0 0; 
	margin: 0; 
    float: none;
}

    .navi li { 
	    float: left; 
    	position: relative; 
	    padding: 0; 
    	line-height: 30px; 
	    background-color: #145b7a;  
    }

    .navi li a { 
	    display: block; 
    	font-family:"Arial"; 
	    font-weight:600; 
    	font-size:14px;
	    padding: 0 30px; 
    	color: #fff; 
	    text-decoration: none; 
    }

    .navi li a:hover { 
	    color:#3b5592;
    }
    
    .navi li ul { 
	    opacity: 0; 
    	position: absolute; 
	    left: 0; 
    	width: 180px;
	    background: #a6dbed; 
    	list-style-type: none; 
	    padding: 0; 
    	margin: 0;  
    }

    .navi li:hover ul { 
	    opacity: 1;
    }

    .navi li ul li { 
	    float: none;
    	position: static; 
	    height: 0; 
    	line-height: 0; 
	    background: none;
    }

    .navi li:hover  ul li { 
	    height: 30px; 
    	line-height: 30px;
	    padding:5px 0;
    }

    .navi li ul li a { 
	    background-color: #a6dbed; 
    	font-family:"Arial"; 
	    font-weight:600; 
    	font-size:14px;	
	    color:#1b1775; 
    }

    .navi li ul li a:hover { 
	    background: #15104b;
        color: #fff;
    }

請問如何讓IE10也能正常顯示?

看更多先前的討論...收起先前的討論...
外獅佬 iT邦大師 1 級 ‧ 2013-04-30 09:14:26 檢舉
simon581923提到:
ASP.NET MVC和以往熟悉的Web Forms開發真的不一樣

歡迎賽大來到MVC的混沌世界....開心
可能需要連 HTML / (Javascript ?) 都貼上來
題目會更清楚些
下雨
fillano iT邦超人 1 級 ‧ 2013-04-30 09:34:40 檢舉
從顏色看起來,像是這裡的問題:
    .navi li ul { 
	    opacity: 0; 
    	position: absolute; 
	    left: 0; 
    	width: 180px;
	    background: #a6dbed; 
    	list-style-type: none; 
	    padding: 0; 
    	margin: 0;  
    }


懷疑跟opacity有關,但是上網查了一下,卻發現IE10已經把opacity修好了XD...所以就不知道了...
fillano iT邦超人 1 級 ‧ 2013-04-30 09:35:44 檢舉
也許是因為開了相容模式?
外獅佬 iT邦大師 1 級 ‧ 2013-04-30 09:44:04 檢舉
灑花
賽門 iT邦超人 1 級 ‧ 2013-04-30 09:53:32 檢舉
fillano提到:
因為開了相容模式?

果然是這樣子, 取消相容性檢視後就正常了...

....所以本題結案....拍手拍手

啊! 費大是PO在討論區中, 無法結案~~請費大公在回答PO中答一下, 以利結案...謝謝
賽門 iT邦超人 1 級 ‧ 2013-04-30 09:54:20 檢舉
iT邦幫忙MVPwiselou提到:
來到MVC的混沌世界...

簡直是瞎子摸象....Orz
外獅佬 iT邦大師 1 級 ‧ 2013-04-30 10:01:04 檢舉
MVC在團隊開發環境下的優勢才會比較明顯...
例如我...我都把View的部份,請熟悉網頁設計(HTML)的幫我設計好版面,排好欄位等等
同時自己寫controller以及model的部份,
最後再混成一團...做成撒尿牛丸...開心
wordsmith iT邦高手 1 級 ‧ 2013-04-30 10:24:17 檢舉
最近大家都在幫忙做成功案例,半小時火速結案 讚
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

10
fillano
iT邦超人 1 級 ‧ 2013-04-30 10:02:00
最佳解答

從顏色看起來,像是這裡的問題:

<pre class="c" name="code">
    .navi li ul { 
	    opacity: 0; 
    	position: absolute; 
	    left: 0; 
    	width: 180px;
	    background: #a6dbed; 
    	list-style-type: none; 
	    padding: 0; 
    	margin: 0;  
    }

懷疑跟opacity有關,但是上網查了一下,卻發現IE10已經把opacity修好了XD...所以就不知道了...

看更多先前的回應...收起先前的回應...
fillano iT邦超人 1 級 ‧ 2013-04-30 10:02:28 檢舉

也許是因為開了相容模式?

fillano iT邦超人 1 級 ‧ 2013-04-30 10:02:51 檢舉

拷貝結束...

外獅佬 iT邦大師 1 級 ‧ 2013-04-30 10:04:38 檢舉

Orz...我的沒有拷貝到...汗

果然大師一出手
便知有沒有
拍手拍手拍手

fillano iT邦超人 1 級 ‧ 2013-04-30 12:07:45 檢舉

請自行拷貝啦XD

我要發表回答

立即登入回答