wordpress - 革命 slider 更改移动设备上的背景图像

标签 wordpress revolution-slider

我有一个网站,在使用桌面浏览时可以与转速 slider 完美配合。但是,当从移动设备浏览时, slider 图像无法正确显示或被切断。有没有办法在移动浏览器访问网站时切换 slider 内的图像或者我可以为移动设备做什么?我尝试用 css 进行切换,但没有成功。不知道还能做什么。任何帮助将非常感激。

最佳答案

因此,至少在版本 6 中,您可以通过添加带有背景图像的形状图层并根据屏幕尺寸隐藏/显示该图层来实现此目的。

  1. 创建一个新的形状图层。
  2. 转到图层选项中的“大小和位置”。
  3. 将“尺寸预设”设置为“封面”。
  4. 将“图层对齐”设置为“场景”。
  5. 转到图层选项中的“可见性”。
  6. 在您不希望其显示的所有屏幕尺寸上隐藏该图层。
  7. 确保形状图层位于图层堆栈的底部。
  8. 转到图层选项中的“样式”。
  9. 选择背景图片。
  10. 确保其在“位置”部分中设置为覆盖。

这样就可以了。希望对某人有帮助。

您可能需要对响应式设置大惊小怪。如果您不太了解这些设置的细微差别,我发现此视频 ( Slider Revolution 6.0 Responsive Settings ) 非常有帮助。

关于wordpress - 革命 slider 更改移动设备上的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32765871/

相关文章:

javascript - 如何在正文末尾的 ELEMENTOR 脚本之后加载我的脚本

php - 单个库存单位的 Woocommerce 数量按钮消失

jquery - 如何使用平滑滚动将 Revolution Slider 中的图像链接到同一页面上的 div id?

javascript - 想要基于 jQuery(window).height() 使旋转 slider 的高度动态化

javascript - 如何使用 jQuery 或 CSS 设置提交按钮第一个单词的样式

Wordpress - 按术语列出的自定义帖子类型的自定义分类页面

html - Revolution slider 在之前创建 p 标签

css - 如何将图像增加到全屏?

css - 溢出 : visible not working

firefox - 革命 slider 在 Firefox 中无法正常工作