背景图片重复！！重要的正确的css代码

我的目标是改变使用媒体查询在某些浏览器大小的背景图像.... 我需要它重写元素样式，所以我需要有！重要的权利我的背景图像标记后...背景图片重复！！重要的正确的css代码

这是迄今为止..

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
    #featured article[data-background-cover="1"] { 
     background-image: url('#')!important;  
    } 
}

上面的代码似乎工作..但我需要的背景图像重复......我怎样才能在保持！重要的同时添加。

我已经尝试了几种方法，但它似乎并不工作..像

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
    #featured article[data-background-cover="1"] { 
     background-image: url('#')repeat!important;  
    } 
}

和

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
    #featured article[data-background-cover="1"] { 
     background-image: url('#')!important repeat;  
    } 
}

任何帮助，将不胜感激..谢谢

来源

2013-07-19 MBTDesigns

试试这个：

background-image: url('#'); 
background-repeat: repeat;

Yo ü也可以试试这个：

background-image: url('#'); 
background-repeat: repeat !important;

W3Schools

来源

2013-07-19 07:43:24

将是一件好事知道：http://www.w3fools.com/ – vitozev

不是一切从W3Schools的是错误的;） –

你把重要与空间，并在年底每个属性！

但是尽量避免使用！重要的如果可能的话，请订购您的样式，以便正确应用这些样式。

来源

2013-07-19 07:43:36 acudars

是的，我做正常。在这种情况下，我选择了一个图像滑块，其中的样式由JavaScript实时添加。 – MBTDesigns

假设你有一个容器，并希望应用基于设备的屏幕分辨率不同的风格。

#container { 
     /* triggered by all devices */ 
} 

@media only screen and (min-width : 690px) and (max-width : 1000px) { 
     #container { 
      /* triggered by devices with specified width */ 
     } 
}

因此，第一选择器将被应用到所有设备，并且如果一个特定的媒体的查询相匹配，此选择将被覆盖。这是很好的跟随在其中添加的样式，因为它们是从上到下呈现的顺序，因此，如果你有不同风格的两个相同的选择，在一个下面将有最高的优先级。

无论如何，这是background财产正确的速记符号：

background: #000 url() repeat fixed left top !important;

订单：背景颜色，背景图片，重复，位置，位置X，位置Y，重要的;

来源

2013-07-19 08:04:03 vitozev

背景图片重复！！重要的正确的css代码

回答

相关问题