CSS repeat-x仅适用于最右边的像素行

格贝格利

当前,我们将145x45标头徽标设置为移动标头的背景,标头的其余“背景颜色”与徽标的背景相匹配。

徽标在图像顶部有一条高几个像素的线,在当前配置下,该线不会延伸到图像之外。

如何使徽标的最右边的1px(w)x 45px(h)填充(重复-x?)标题的其余部分,以使图像顶部的行延伸到整个标题?

阿特尔

用该行创建一个1x45图像,在div中与repeat-x一起使用,将div放在带有徽标图像的div内,如下所示:

<div style="background-image: url('line_image.png'); background-repeat: repeat-x: height: 45px;">
    <div style="background-image: url('logo.png'); background-repeat: no-repeat; height: 45px;"></div>
</div>

抱歉,内联CSS应该位于.css文件中。

PS:代码不是testet,请告诉我它是否无效。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ng-repeat仅适用于尖括号(“ <>”)之外的变量{{x}}吗?

来自分类Dev

angularjs-ng-repeat仅适用于$ index

来自分类Dev

CSS动画仅适用于Chrome

来自分类Dev

CSS仅适用于模板区域

来自分类Dev

仅使用CSS尝试使最右边的div对齐到底部

来自分类Dev

CSS触发悬停仅适用于顶部元素

来自分类Dev

仅适用于Apple iPhone的CSS hack

来自分类Dev

CSS背景图片仅适用于Firefox

来自分类Dev

CSS悬停规则仅适用于父级

来自分类Dev

CSS类仅适用于“类之间”类实例

来自分类Dev

CSS模糊技术仅适用于背景

来自分类Dev

CSS转换仅不适用于IOS

来自分类Dev

CSS仅适用于网站的第一列

来自分类Dev

如何设置此CSS仅适用于指定的类?

来自分类Dev

带有标题的角度ng-repeat图像仅适用于其中2个

来自分类Dev

仅适用于移动设备且仅适用于 Woocommerce 单页的全宽非响应式 CSS

来自分类Dev

ng-repeat范围不适用于其中的指令

来自分类Dev

JSON解析不适用于ng-repeat

来自分类Dev

Angular指令不适用于ng-repeat

来自分类Dev

ng-repeat不适用于json值

来自分类Dev

数据绑定不适用于嵌套ng-repeat

来自分类Dev

溢出-不适用于ng-repeat

来自分类Dev

ng-repeat 不适用于对象的对象

来自分类Dev

使用自定义CSS覆盖默认引导CSS仅适用于!important规则

来自分类Dev

使用自定义CSS覆盖默认引导CSS仅适用于!important规则

来自分类Dev

Angular.js将CSS应用于ng-repeat中的一个元素

来自分类Dev

有条件地将ng-repeat应用于CSS吗?

来自分类Dev

如何将CSS类应用于ng-repeat中的选定行

来自分类Dev

CSS代码仅适用于一部分,而不适用于其他部分