我正在尝试在bp默认主题的标题中实现视差,但面临问题。。。。
页面出现问题,adminbar居中对齐,但页面的其余内容左对齐,下图显示了示例。。。。http://img822.imageshack.us/img822/1476/bpdparallax.jpg
无法更改default.css 文件,但我更改了下面的背景图像url#header 对于位于不同位置的不同文件,页面显示default_header.jpg 在任何情况下,即使我硬刷新浏览器。。。。
我使用的代码如下:
头球。PHP在<head></head>
在wp\\u head()和我放置的head标记的末端之间进行标记。。。
<script type="text/javascript" src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/jquery.jparallax.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(\'#parallax\').jparallax();
});
</script>
<link rel="stylesheet" type="text/css" href="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/reset-min.css">
在
<body>
标签位于
<div id="header">
I位置
<div id="parallax">
<img src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/bubble3.png"/>
<img src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/bubble2.png"/>
<img src="http://localhost/swabandhab/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/parallax/bubble1.png"/>
</div>
我使用
#parallax {
width: 960px;
height: 200px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
默认情况下,此css。css文件
尽管存在这些问题,但视差动画工作正常!
我做错了什么?