IE＆Firefox中的Wordpress網站CSS不同

Question

我有一個使用購買的模板設計的Wordpress網站。 對模板的支持很難獲得，所以我決定在這里問一下，也許有人知道答案。

在Chrome中，網站布局看起來不錯，但在IE和Firefox最新版本中卻很奇怪。

這是Chrome的常規布局：

這是在Firefox / IE中：

該網站的代碼分布在php文件中。但這是Header.php的開始

    <?php
/**
 * @package WordPress
 * @subpackage ***  */ 
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
<head>


<meta charset="<?php bloginfo( 'charset' ); ?>" />

<meta name="viewport" content="width=device-width" />


<?php if(get_option('header_favicon')) { ?>
<link rel="shortcut icon" href="<?php echo get_option('header_favicon'); ?>" />
<?php } ?>
<title><?php if(is_front_page()) { bloginfo('name'); } else { wp_title( '', true, 'right' ); }?></title>
<?php if(get_option('rss_feed')) { ?>
<link rel="alternate" type="application/rss+xml" title="<?php echo get_option('rss_title'); ?>" href="<?php echo get_option('rss_feed'); ?>" />
<?php }

知道什么可以解決這個問題嗎？

Answer 1

在CSS中找到此規則（第115行）

.skinset-header, .skinset-footer, .skinset-main.nv-skin {
background: none repeat scroll 0 0 transparent !important;
border: 0.7px solid #E9E9E9 !important;
}

刪除border屬性。

.skinset-header, .skinset-footer, .skinset-main.nv-skin {
background: none repeat scroll 0 0 transparent !important;
}

然后你會得到一個FF藍線是在這里：

.skinset-background .accordionhead.ui-accordion-content-active, .skinset-background .ui-state-active, .skinset-background #primary-wrapper.nv-dark .ui-state-active, .skinset-background #nv-tabs ul li ul, #primary-wrapper .skinset-background.sub-menu, .skinset-background span.menu-highlight, .skinset-background #primary-wrapper .skinset-header.nv-skin, .skinset-background div.item-list-tabs ul li.selected, .skinset-background div.item-list-tabs ul li.current, .skinset-background div.item-list-tabs ul li.new, .skinset-background #topic-post-list, .skinset-background table.forum, .skinset-background table.bbp-topics, .skinset-background table.bbp-replies, .skinset-background table.bbp-forums, .skinset-background ul#activity-stream {
border-top: 2px solid #61C4FD;
}

將來在FireFox中使用Firebug- http://getfirebug.com/downloads/ ，非常有用

IE＆Firefox中的Wordpress網站CSS不同

問題描述

1 個解決方案

解決方案1
0 已采納 2012-07-31 10:39:23

IE＆Firefox中的Wordpress網站CSS不同

問題描述

1 個解決方案

解決方案1 0 已采納 2012-07-31 10:39:23

解決方案1
0 已采納 2012-07-31 10:39:23