Question

http://www.tizonajoyas.com/revista 检查顶部的第三块内容。（这是一个带杂志的嵌入式iframe）

现在当我将“revista”内容移动到根www.tizonajoyas.com时，css样式会在第3块内容中被破坏。

我已将/revista的extact相同的floder结构上传到根目录，我无法弄清楚为什么会被破坏。

Answer 1

编辑：

您有两个包含CSS的不同文件夹，根目录中的main.css文件没有以下块：

body {
    overflow-x:hidden;
}
.frame-cover,.frame-cover iframe {
    width:101%;
    padding:0px;
    margin-left:-5px;
}
.frame-cover iframe {
    height:0px;
    visibility:hidden;
}
.frame-cover #frame-cover-open,.frame-cover #frame-cover-close {
    background:#000;
    height:45px;
}
.frame-cover #frame-cover-open img {
    width:270px;
    padding-top:0px;
    cursor:pointer;
}
.frame-cover #frame-cover-open {
    text-align:left;
}
.frame-cover #frame-cover-open ul {
    margin-left:240px;
    margin-top:-38px;
}
.frame-cover ul {
    font-size:13px;
}
.frame-cover ul a {
    color:#FFF!important;
}
.frame-cover ul a:hover {
    color:yellow!important;
}
.frame-cover ul a b {
    color:red;
}
.frame-cover ul li {
    display:inline;
    margin-right:20px;
}
.frame-cover ul li:before {
    content:"• ";
    font-size:34px;
    color:#FFF;
    top:8px;
    position:relative;
}
.frame-cover #frame-cover-close {
    background-position:0px 6px;
    display:none;
    text-align:left;
    padding-top:5px;
}

我将两个main.css文件的内容复制/粘贴到CodeCompare中，以找出：http://www.devart.com/codecompare/?gclid=CLbN-sqzl9ICFZyCswodDUAMMA

刚看了看，你的CSS就像这样包含在内：

<link href="css/bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="css/font-awesome.css"/>

<link rel="stylesheet" href="css/meanmenu.min.css"/>

<link rel='stylesheet' href='css/animate.css' type='text/css' media='all'/>

<link href="css/main.css" rel="stylesheet">

<link href="css/cuss.css" rel="stylesheet">

这些都是相对路径，所以它在www.tizonajoyas.com/revista/css查找文件，而不是[root]/css目录。只需在每个路径之前添加正斜杠/即可重置为root！

<link href="/css/bootstrap.min.css" rel="stylesheet">

<link href="/css/font-awesome.css" rel="stylesheet" />

<link href="/css/meanmenu.min.css" rel="stylesheet" />

<link href='/css/animate.css' rel='stylesheet' type='text/css' media='all' />

<link href="/css/main.css" rel="stylesheet">

<link href="/css/cuss.css" rel="stylesheet">

（我还将rel='stylesheet'属性放在每个标记的末尾，因此更容易更快地阅读路径。）

Answer 2

事实上我通过FTP进行的css更改没有在浏览器中显示，原因我认为我永远不会知道。

我必须在FTP刷新时重命名主要的css样式，一切都恢复正常。

将文件夹移动到root

2 个答案: