*height:{} 对IE的样式
* html height{} 对IE6的样式
html>/**/ body 针对非IE
如何清除浮动
//IE中有时清除浮动
.abcd {
display: inline-block;
}
.abcd {
display: block;
}
//firefox中有时清除浮动
.abcd:after {
content: ".";
display: blcok;
visibility: hidden;
clear: both;
height: 0;
overflow: hidden;
}
//firefox 的另一种清除浮动的方法
.abcd:after{
content: "\0020"; //"\0020" 是CSS中空格的字符编码
display: block;
clear: both;
overflow: hidden;
}
DNN中的一些问题
Event Viewer 页面内容不转行问题
问题说明:---------------------------------------------
Event Viewer 页面的日志内容是用table呈现的,在table内的td标签上有一个nowrap属性,此属性会让内容不转行显示,这里内容很多,在不转行的情况下内 容会变得很宽,以至让浏览器出现水平滚动条而且为破坏皮肤的效果,所以让这里的内容不转行显示更合适。
Event Viewer页面位置:Admin > Event Viewer
版本:DNN4
解决方式:---------------------------------------------
在皮肤的CSS文件中加入以下代码
table[id*="LogViewer"] td {
white-space: normal;
}
代码说明:---------------------------------------------
这 是一个CSS中的属性选择符,table[id*="LogViewer"]表示table元素的id属性值如果包含LogViewer字符串就应用此样 式,因为Event Viewer 页面的日志内容上没有单独的class值,而且id值是动态的,但id值里面总是包含字符串LogViewer,所以可以用属性选择符来为此处赋予这个样 式。
之前用了一个错误的解决方式,直接在CSS中写 td { white-space: normal; } 这个代码,虽然也能解决这个问题,但td是一个元素选择符,这个代码会应用到所有td元素上,有些需要内容不转行的td元素因为加了这个属性而内容也转行 了(如:Admin > User Accounts > Edit User Accounts 页面的内容),所以这不是一个合适的解决方式。
属性选择符浏览器支持情况:IE7+, Firefox, Opera, Safari, Google Chrome