2016-04-27 99 views
0

我正在使用Enfold主题处理Wordpress网站。我必须制作的设计具有一个重要的设计功能,您可以在这里看到:layoutWordpress/css /对齐页眉和滑块中的对角线

我的意思是指在页眉开始并穿过滑块的对角线。

不是一个问题,但问题始于不同的屏幕尺寸。标题和滑块中的行应始终排列。

这是我到目前为止:http://msnw.thinktwice.nl/

标题和滑块中的行是2个透明图像。

为了更好地了解正在发生的事情,我将滑块中的对角线做成了红色。

目前还不完美。对角线应从徽标旁边开始,并保持在不同屏幕尺寸的徽标旁边。

我也尝试将徽标和对角线组合在一个图像中。然后,该线总是停留在徽标旁边。然而,滑块中的对角线却没有排列出来。

任何想法的如何做到这一点?

回答

0

我玩了一点这个。

尝试: 删除background-position.ls-gpuhack并将left更改为例如。 left: 19% !important;

+0

我改变.ls-gpuhack到: .ls-gpuhack { \t背景图像:网址(http://msnw.thinktwice.nl/wp-content/themes/enfold-child/images/slider_foreground .PNG); \t background-repeat:no-repeat; \t剩余:19%!重要; } 这是你的意思吗?我如何处理标题图片? –

+0

为什么不提供原始布局的链接? – mokiSRB

+0

那么原始布局只是设计师的PSD文件。 –