作者carlcarl (carl)
看板Web_Design
標題[問題] jquery做圓角框的問題
時間Sat Nov 28 19:34:38 2009
請問一下
我的網頁在chrome和Fx都能顯示圓角 但是在opera和IE中整個框卻都消失了囧
不知道是什麼原因 可以幫我看一下嗎囧
雖然想說css有方法可以解決 不過好像不怎麼漂亮orz
border-radius也不能用orz
大概講一下
我在我的網頁的<head></head>中加入下面code
前面的是清單點選 轉換網頁用的
後面的是將content的框框改成圓角
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript">
function linkto(url)
{
$('#content').load(url);
}
</script>
<script type="text/javascript" src="js/jquery.corner.js"></script>
<script type="text/javascript">
$(function() {
$("#content").corner("30px");
});
</script>
------------------------------------------------------------
這個是content的部分
<div id = "content">
<div id = "picture">
......</div>
<div id = "info">
......</div>
</div>
----------------------------------------------------------------
content css
div#content /*右欄內容*/
{
font-size: small;
width: 570px;
border:2px solid #000000;
line-height: 1.5em;
margin-top: 10px;
padding-top: 10px;
float: right;
}
------------------------------------------------------
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.33.213.157
→ emn178:IE不支援border-radius 11/28 22:25
→ carlcarl:恩 我知道 不過我的問題是在jquery這邊orz 11/28 23:35
推 cassatte:其實jquery那個有跑，可能是你樣式設定有問題 11/28 23:48
→ carlcarl:恩 好像有跑 用IE看有看到框跑出來 然後又不見囧 11/29 12:49
→ carlcarl:還是我先用瀏覽器限定的css代替好了~"~ 11/29 23:07
※ 編輯: carlcarl 來自: 59.127.142.117 (11/29 23:07)