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

概述我有一个包含h3标签的div,我希望h3的背景超出包含div标签到页面边缘.有没有办法在CSS中这样做？我认为绝对定位h3,但我不知道从屏幕边缘到div边缘的大小(我希望它的位置),因为div居中.最佳答案不幸的是,你需要知道通过简单的CSS,你需要知道到右边缘的距离.然后绝对定位可以正常工作.当然,您可以使用一些JavaScript轻松完成此 *** 作,如果使用

我有一个包含h3标签的div,我希望h3的背景超出包含div标签到页面边缘.有没有办法在CSS中这样做？
我认为绝对定位h3,但我不知道从屏幕边缘到div边缘的大小(我希望它的位置),因为div居中.最佳答案不幸的是,你需要知道通过简单的CSS,你需要知道到右边缘的距离.然后绝对定位可以正常工作.当然,您可以使用一些JavaScript轻松完成此 *** 作,如果使用jquery则更容易：

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

在CSS中：

h3 {    position: absolute;    ...}@H_403_12@

总结

以上是内存溢出为你收集整理的html – 如何将元素的背景扩展到其容器之外？全部内容，希望文章能够帮你解决html – 如何将元素的背景扩展到其容器之外？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://www.outofmemory.cn/web/1123279.html