Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS多个图像加上多个属性_Css - Fatal编程技术网

CSS多个图像加上多个属性

CSS多个图像加上多个属性,css,Css,我使用标准的逗号分隔多图像CSS,如下所示: background-image: url(image-one.png), url(image-two.png); background-repeat: no-repeat; 但是,我需要image-one.png浮动,宽度为85%。Image-two.png没有这种样式 如何将浮动和宽度样式仅应用于其中一幅图像?以下是我认为您正在描述的示例: background: url(image-one.png) left 0 no-repeat 10px

我使用标准的逗号分隔多图像CSS,如下所示:

background-image: url(image-one.png), url(image-two.png);
background-repeat: no-repeat;
但是,我需要image-one.png浮动,宽度为85%。Image-two.png没有这种样式


如何将浮动和宽度样式仅应用于其中一幅图像?

以下是我认为您正在描述的示例:

background: url(image-one.png) left 0 no-repeat 10px 100px/85% 400px,
            url(image-two.png) 5px 5px no-repeat 5px 5px/600px 400px;

我不确定图像和元素大小等,因此您可以忽略px值并输入自己的值。

我不完全确定您的意思,因为背景图像没有浮动的概念。应用浮动时,您浮动的是具有背景的元素,而不是背景本身。