日期:2014-05-17  浏览次数:20598 次

css冲突了,请问怎么解决,谢谢。
我有一个main.css

今天用到一个浏览器版本提示的插件,里面有个style.css

现在发现后面的style.css文件冲突了,导致用ul、li区域显示的图标位置错乱。
main.css如下:

ul {
padding: 0;
margin: 0;
list-style-type: none;
}

span {
padding: 0;
margin: 0;
}

li {
padding: 0;
margin: 0;
list-style-type: none;
}


style.css 如下:


#ie-alert-panel ul {
list-style: none;
margin:0;
padding:0;
}

#ie-alert-panel li {
float:left;
margin:0 22px 0 0;

}
#ie-alert-panel li.last {
margin-right:0;
}


js文件如下:

/*
 * IE Alert! jQuery plugin
 * version 1
 * author: David Nemes http://nmsdvid.com
 * http://nmsdvid.com/iealert/
 */

(function($){
$("#goon").live("click", function(){
$("#ie-alert-overlay").hide();
$("#ie-alert-panel").hide();   
});
function initialize($obj, support, title, text){

var panel = "<span>"+ title +"</span>"
  + "<p> "+ text +"</p>"
      + "<div class='browser'>"
      + "<ul >"
      + "<li><a class='chrome' href='https://www.google.com/chrome/' target='_blank'></a></li>"
      + "<li><a class='firefox' href='http://www.mozilla.org/en-US/firefox/new/' target='_blank'></a></li>"
      + "<li><a class='ie9' href='http://windows.microsoft.com/en-US/internet-explorer/downloads/ie/' target='_blank'></a></li>"
      + "<li><a class='safari' href='http://www.apple.com/safari/download/' target='_blank'></a></li>"
      + "<li><a class='opera' href='http://www.opera.com/download/' target='_blank'></a></li>"
      + "<ul>"
      + "</div>"; 

var overlay = $("<div id='ie-alert-overlay'></div>");
var iepanel = $("<div id='ie-alert-panel'>"+ panel +"</div>");

var docHeight = $(document).height();

overlay.css("height", docHeight + "px");



     

if (support === "ie8") {  // shows the alert msg in IE8, IE7, IE6

if ($.browser.msie  && parseInt($.browser.version, 10) < 9) {

$obj.prepend(iepanel);
$obj.prepend(overlay);

}

if ($.browser.msie  && parseInt($.browser.version, 10) === 6) {


$("#ie-alert-panel").css("background-position","-626px -116px");
$obj.css("margin","0");
  
}


} else if (support ===&