个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
是否可以让包装元素的背景图像延伸到网格之外，同时保持响应？
我可以使用框阴影技术用纯色来完成它，但我无法让背景图像脱离网格。
我使用的是一个 12 列的灵活的、基于百分比的网格，它的最大宽度为 1140 像素并 float 列。设置环绕元素的背景图像最终为 1140px，除非我给元素一个绝对宽度(比如 150%)，这会破坏响应能力，我敢肯定这无论如何都是不好的做法。
我的布局很简单，像这样
<body>
<container>
<header></header>
<inner-content>
<grid-element-one></div>
<bg-wrap>
<grid-element-two></div>
</div>
<grid-element-three></div>
</inner-content>
<footer></footer>
</container>
</body>
它被布置在我需要具有背景图像的元素位于其他网格部分之间的位置。所以我不能只是把它放在页脚或其他东西上面，然后在它受到影响之前让网格结束。
CSS 也很简单。
.inner-content {
max-width: 1140px; /* when 768px+, otherwise 96% */
}
.element-two {
color: $font-color;
background-color: $bg-gray;
box-shadow: -25rem 0 0 $bg-gray, 25rem 0 0 $bg-gray;
height: 475px;
}
.bg-wrap {
background: url(../images/bg/texture.png) 0 80px repeat;
}
最佳答案
这是你想要的吗？ http://jsfiddle.net/mPGQQ/7/
如果是，您必须将 div class="inner-content" 的末尾移动到末尾，并修改 .inner-content 的 css，如下所示 fiddle 。
希望对你有帮助
干杯
关于css - 使用网格时如何使背景图像扩展到全宽？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19626164/
24
4
0
如何将浮点 10 字节十六进制字符串(Delphi 中的扩展数据类型)转换为 C# 数据类型？ 例如:00 00 00 00 00 00 00 80 ff 3f 在 Delphi 1 最佳答案 涉及同
我正在阅读 this page上面写着 If one of the strings has an encoding prefix and the other doesn't, the one that
我有以下代码(作为示例)，我想对其进行调整，以使功能区扩展到整个 xrange，如 geom_hline()做。功能区指示哪些值在可接受的范围内。在我的实际应用程序中，有时没有上限或下限，因此 hli
去年，斯科特·格思里 stated “如果您想要对执行的 SQL 进行绝对控制，您实际上可以覆盖 LINQ to SQL 使用的原始 SQL”，但我找不到描述可扩展性方法的文档。 我想修改以下 LIN
我尝试在我的应用中创建一个抽屉导航。我有 3 个当前选项(查看、声明、报告)，当然这 3 个 Activity 已扩展到 fragment。在View 中，它有一个next 按钮，该按钮将转到另一个页
很抱歉，如果我的问题被重复，但我无法(或不知道如何谷歌)找到答案。我想使用 rxlifecycle-navi 库来将 rxjava 绑定(bind)到生命周期，所以我需要扩展 NaviActivity
有这个html: aaa 做的时候: $('#hi1').sayHi(); 我想收到一条“嗨”提醒 有人知道这是怎么做到的吗？ 最佳答案 了解更多关于jQuery plugin authoring
我有一个 UIImageView 和一个 UITextView。当点击 UITextView 时，我需要 UITextView 在 UIImageView 上展开。我不知道该怎么做。 从这里 为此 最
以下语句: URLClassLoader ucl = (URLClassLoader) ClassLoader.getSystemClassLoader(); Class uclc = ucl.get
以下语句: URLClassLoader ucl = (URLClassLoader) ClassLoader.getSystemClassLoader(); Class uclc = ucl.get
$的意思是什么!在 shell 或 shell 脚本中？我正在尝试理解具有以下内容的脚本。 local@usr> a=1 local@usr> echo $a 1 local@usr> echo $!
我正在 GWT 中设计一个简单的应用程序，并且在客户端有不同的 View 。每个 View 都从 SimplePanel 扩展而来，并将根据需要添加到 RootPanel。 我的第一个 View 是
我尝试在 SQL Azure 选项卡中从 S2 扩展到 S3，但 S3 似乎不可用，尽管它已被引入。另外，我还有大量可用的 DTU，即 1900 左右。是否无法扩展到 S3？我是否需要导出数据库，然后
我有一个带有 JS、html 和 css 的自定义视频播放器。我的问题的关键是我没有预料到将其从一个视频扩展到两个视频，我希望重构它，以便我可以在一个页面上播放多个视频。我尝试将所有内容重写为 for
我当前正在开发的应用程序需要可扩展的实时通信。我们一直在研究并尝试 Firebase 实时数据库和 firestore。看来Firebase实时数据库更加成熟并且经过测试，而firestore仍处于测
当 pod 被 daemonset 控制时，pod 会出现一些错误，状态会是 CrashLoopBackOff ，我想删除这些 Pod 但不想删除 DaemonSet。 所以我想把daemonset缩
我有 Jframe 表单并创建了从中绘制图形的类，为此我需要将该 void 类扩展为 jframe 表单 package grafiktest; import java.awt.Color; impo
在布局和尺寸策略方面，我从来都不是太出色，所以这可能是一个简单的答案，但就是这样。 当我向 QTabWIdget 添加新选项卡并将小部件设置为 QSplitter 时，拆分器将使用给定的全部空间量。但
我在将我的 S4 对象转换回列表时遇到了一些问题。例如，以下嵌套的 S4 类: setClass("nssItem", representation(value = "numeric
在阅读了 DDD 的一些页面后，我了解了存储库模式，然后在应用程序中成功使用了它(我真的很喜欢它)；然后我注意到 EntityManager 是 generic-repository-like，但是当
我是一名优秀的程序员,十分优秀！