【问题标题】:Background image bottom not working背景图像底部不起作用
【发布时间】:2013-05-07 05:27:26
【问题描述】:

这是我的 td 标签

<td style="width: 90%; background: url(../Images/FTBCImg.jpg) repeat-y; ">

我在这个 td 中使用背景图像。它可以工作,但底部边框不起作用

查看问题

【问题讨论】:

    标签: html css razor html-table


    【解决方案1】:

    您的td 高度不足以覆盖整个背景,因此请使用background-size 属性正确设置背景,否则增加您的td 的高度

    Demo 1(无法显示完整背景,就像你的一样)

    Demo 2(我们使用background-size 属性来修复它)

    我们增加td的高度

    Demo

    【讨论】:

    • 对不起,它不工作!我在 td 标签中设置了高度。但是这里有同样的问题
    • @RameshRajendran 让我成为小提琴
    • 在 jsfiddle.net 上为我制作一个演示,我会为你修复它
    • @RameshRajendran 在这里查看支持caniuse.com/background-img-opts ,您需要使用CSS2Pie 来支持新属性,否则只需停止支持旧版本
    • @RameshRajendran 像谷歌这样的网站将停止支持旧版本,您可以有条件的 IE cmets 向您的用户发送消息以升级您的浏览器quirksmode.org/css/condcom.html
    【解决方案2】:

    您必须指定从哪里开始显示背景图像的位置。您还必须提供背景位置。上/左/右/下根据您的需要。

    <td style="width: 90%; background: url(../Images/FTBCImg.jpg) repeat-y top left; ">
    

    试试上面的。

    【讨论】:

    • 那么如上所述,您有第二个问题,即图像 url 路径未正确设置或包含高度未通过 css 正确获取
    猜你喜欢
    • 1970-01-01
    • 2023-03-03
    • 2022-11-21
    • 1970-01-01
    • 2018-05-08
    • 2016-09-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多