html – 如何将元素的背景扩展到其容器之外？

发布时间：2020-12-14 23:01:06 所属栏目：资源来源：网络整理

导读：我有一个包含h3标签的div,我希望h3的背景超出包含div标签到页面边缘.有没有办法在CSS中这样做？我认为绝对定位h3,但我不知道从屏幕边缘到div边缘的大小(我希望它的位置),因为div居中. 最佳答案不幸的是,你需要知道通过简单的CSS,你需要知道到右边缘的距离.

我有一个包含h3标签的div,我希望h3的背景超出包含div标签到页面边缘.有没有办法在CSS中这样做？
我认为绝对定位h3,但我不知道从屏幕边缘到div边缘的大小(我希望它的位置),因为div居中.

最佳答案

不幸的是,你需要知道通过简单的CSS,你需要知道到右边缘的距离.然后绝对定位可以正常工作.当然,您可以使用一些JavaScript轻松完成此操作,如果使用jQuery则更容易：

$(function() {
    $('h3').each(function() {
        $(this).width($(window).width() - $(this).offset().left);
    });
});

在CSS中：

h3 {
    position: absolute;
    ...
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!