gpt4 book ai didi

css - 具有相同 div ID '#container' 名称标签的两个外部 css 文件导致两个对象的定位问题

转载 作者:行者123 更新时间:2023-11-28 12:00:44 26 4
gpt4 key购买 nike

我遇到网页上两个不同对象的问题,它们使用外部 CSS 和外部 js 来调用各自的功能。当只使用一个脚本(页面剥离脚本)时,所有页面(www.cxchelp.com)的页面剥离效果显示正常。但是,当脚本添加到具有 CSS 表单脚本的页面时,剥离效果会从其位置移动到页面的中间边缘,与 CSS 表单对齐(参见:http://www.cxchelp.com/contact_error.html)。

我检查了两个外部脚本,发现它们都由“#container”定位

我知道他们都使用“#container”这一事实导致了定位问题。但我的问题是我该怎么做才能避免这种冲突?

几个小时以来,这件事一直困扰着我,我有点受够了。

这是(部分)第一个 .js 脚本(用于页面剥离效果),其中提到了“#container”;

$('#container').prepend('<div id="jcornerSmall" style=" position:absolute;width:100px;height:100px;z-index:9999;right:0px;top:0px;">

这是联系表单的(部分)CSS 脚本,以及两个对象都卡在的位置;

#container {    
margin:0 auto;
background:#fff;
width:580px;
padding:20px 40px;
text-align:left;
}

各位有什么想法吗?

最佳答案

添加一类 page-peel-container 到您想要剥离效果的每个页面 的主容器。这意味着第一个 <div>在页面上!

在主页上,这看起来像:

<body>
<div id="container" class="page-peel-container">

在联系页面上,这看起来像:

<body>
<div id="containermain" class="page-peel-container">

等等。

现在,像上次一样,找到 Javascript 中显示 $("#container").prepend 的 2 位或 $("#containermain").prepend如果您在我们第一次尝试失败后没有将其更改回来。将其替换为 $(".page-peel-container").prepend

如果这仍然不起作用,请告诉我。

关于css - 具有相同 div ID '#container' 名称标签的两个外部 css 文件导致两个对象的定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19895503/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com