我试图演示CSS3PIE,它根本不会在IE中工作.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<link href="test.css" type="text/css" rel="stylesheet">
<title>Test</title>
</head>
<body>
<div id="title"></div>
<div id="sub_title"></div>
<div id="main_area">
<div id="date_area"></div>
</div>
</body>
</html>
CSS:
body{
margin: 0 auto;
}
#title{
margin: 0 auto;
width: 100%;
height: 40px;
background-color: white;
}
#sub_title{
margin: 0 auto;
width: 100%;
height: 25px;
background-color: green;
}
#date_area{
width: 310px;
height: 250px;
border: 1px solid #4A4949;
padding: 60px 0;
text-align: center;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: …我试图在状态列内显示一个圆圈，而不是绑定到 gridview 中的任何字段。所以如果 Parent ID = 1 那么我想用绿色填充圆圈，如果 Parent ID = 2 那么我想用黄色填充圆圈等等。根据我提到的条件，状态列应该只有彩色圆圈。此外，圆圈可能是某种图像或不确定什么是最好和最简单的方法。这是我想修改的代码。谢谢
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataKeyNames="ID" DataSourceID="AccessDataSource1"
ondatabound="GridView1_DataBound" onrowdatabound="GridView1_RowDataBound">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False"
ReadOnly="True" SortExpression="ID" />
<asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
<asp:BoundField DataField="Location" HeaderText="Location"
SortExpression="Location" />
<asp:BoundField DataField="ParentID" HeaderText="ParentID"
SortExpression="ParentID" />
<asp:BoundField DataField="Content" HeaderText="Content"
SortExpression="Content" />
<asp:BoundField DataField="ShortContent" HeaderText="ShortContent"
SortExpression="ShortContent" />
<asp:TemplateField HeaderText="Status" ControlStyle-Width="75px" >
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("ParentID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后面的代码：
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{ …我一直在努力实施跨浏览器圆角的解决方案,即使演示工作在所有的浏览器,当我尝试实现它自己的代码,它在所有浏览器除了 IE8.
这是我的CSS:
body { background:#ffffff url("images/bg.gif") repeat-x ;
font-family:verdana,helvetica,sans-serif ;
font-size:12px ;
color:#000000 ;
margin:0 auto ;
padding:0 ;
}
.clear { clear:both } /* clears floats */
/* #container defines layout width and positioning */
#container { width:1000px ;
margin:auto ;
position:relative ;
z-index:inherit ;
zoom:1 ; /* enables rounded corners in IE6 */
}
#header { width:1000px ;
height:75px ;
padding:10px 0px 10px 0px ;
}
#header-logo { float:left ;
width:255px ;
height:55px ;
background:url("http://template.sophio.com/images/logo.png") no-repeat …