在IE9中,css圆角后面的代码出现了奇怪的行为和响应
本文关键字:响应 代码 IE9 css 圆角 | 更新日期: 2023-09-27 18:20:39
我正要写一整篇关于我的情况的文章"圆角css样式在发布后消失了",并在这里发布我的代码。。。
因此,我没有发布我的代码,而是通过它的js脚本重建了这两个aspx一块一块,后面的代码一样。。。
然后我发现了问题!!
负责的线路是Response.Write("some value of a test");
我可以继续这样做,删除不必要的行,然后删除这篇文章,因为我已经解决了这个问题,而那行只是一个测试,就像在控制台应用程序中使用Console.WriteLine()
一样。。
并且我总是可以通过设置Html元素的CCD_ 4和绘图值来避免CCD_。
但问题仍然存在,而且为了我的理解,为什么Response.Write()
消除了我的圆角css样式,这不是一个bug吗?
它究竟是如何联系的,哪里有这个问题的线索或警告??
更新
这是在这个新之前一直很好的css
.Rounded
{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
根据注释。。
这里的问题是,您对Response.Write("some value of a test");
的调用破坏了页面上的标记,并导致IE以Quirks模式呈现,这就是您的圆角边框消失的原因。
解决方案是创建格式良好的标记。您可以使用W3C验证器根据您的doctype检查HTML,它会通知您代码中的任何错误。
一个建议是创建一个标准的<asp:Label>
并将文本分配给它,而不是输出一个没有标记的字符串。
您甚至可以执行:Response.Write("<span>some value of test</span>");