我有一个比例矢量图像,我希望它填充一个容器.关于SO有几个这样的问题,尽管它们有点老了.例如.
Stretch and scale CSS background
但是,当我试图实施这样的解决方案时,结果令人失望.
例如:
body { margin: 0; padding: 0; text-align: center; color: #000; background-color: #000 font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 100%; } ... .twoColLiqLtHdr #container { width: 80%; margin: 0 auto; border: 2px solid #000000; text-align: left; background-color: #003; background-image: url('background_image.svg'); /*background-position: 80% 80%; */ background-repeat: no-repeat; color: #000; font-family: "Times",cursive; background-attachment:fixed; min-height:100%; /*top: 0; left: 0; */ }
我已经尝试过各种各样的安排,但我不能让它伸展而不留空白区域(重复是成功的,但看起来很可怕).
但是,由于我正在使用svg我可能以错误的方式接近这个,我应该在html中使用svg xmlns标签吗? (P.S.我知道IE8绝对无法处理svgs)
解决方法
原文地址:https://www.jb51.cc/html/225507.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。