html - Logo 覆盖我的 slider wordpress

标签 html css wordpress wordpress-theming

我正在开发一个 wordpress 主题,我想让我的 Logo 覆盖在我的 slider 上。 Overlay example

我尝试了几种使用 css 的方法。但它似乎在较小的屏幕上变大了。我应该使用媒体查询并使其在较小的屏幕上不可见吗?

我的 CSS 代码到 Logo 图像。

@media screen and (max-width: 767px) {
    .logo img {
        display: none !important;
    }
}

.header_mid_inner .logo img {
    max-height: none !important;
    max-width: none !important;
    left: 50px !important;
    top: 100px !important;
    width: 135px !important;
    height: 150px !important;
    border: 1px solid white !important;
}

最佳答案

如果我做对了,你想使 Logo 响应横幅顶部。为此,您需要使用 % 值而不是高度和宽度的像素。此外,位置必须以 % 为单位,以便它会随页面重新缩放。

关于html - Logo 覆盖我的 slider wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36620630/

相关文章:

javascript - 我的Facebook共享解决方案(和我的google plus共享解决方案)怎么回事?

php - 在偶数行中具有不均匀单元格元素的 HTML 表格 (colspan)

html - 在文本之后画一条线到行尾

css - :not(:empty):before pseudo-classes/elements combination

wordpress - 如何更改 WordPress 仪表板中插件选项菜单的位置

javascript - 如何向 WooCommerce 结帐页面中的自定义选择框添加验证并应用 select2 样式。

html - React 使用与显示不同的输入字段值

jquery - 如何检查一组具有不同名称值的复选框中是否至少选中了一个复选框

html - 防止svg路径溢出

php - 更新 Woocommerce 中可变产品的所有变体价格