Tag: background image

背景图像放置: 我试图设置我的根LinearLayout元素（这是设置为fill_parent在这两个维度）有一个背景图像，总是位于屏幕的左下angular，无论设备的方向。如果有一些方法来设置背景图像的位置，比如使用“background-position：left bottom”可以用css做的那样，那将是非常好的。但我没有看到在Android中实现这一点的方法。有没有办法做到这一点？谢谢您的帮助。

用rgba背景颜色覆盖背景图像: 我有一个background-image的div 。当用户hoverdiv时，我想用rgba颜色（ rgba(0,0,0,0.1) ）覆盖背景图像。我想知道是否有一个单独的解决scheme（即不与多个div，一个图像和一个颜色等）。我尝试了很多东西： <div class="the-div" id="test-1"></div> <div class="the-div" id="test-2"></div> <div class="the-div" id="test-3"></div> 而这个CSS： .the-div { background-image: url('the-image'); margin: 10px; width: 200px; height: 80px; } #test-1:hover { background-color: rgba(0,0,0,0.1); } #test-2:hover { background: url('the-image'), rgba(0,0,0,0.1); } #test-3:hover { background: rgba(0,0,0,0.1); } 看到这个小提琴。我看到的唯一的select是使用覆盖，使用JavaScript预加载，然后使用.the-div:hover { background: url('the-new-image'); } .the-div:hover { background: url('the-new-image'); […]

如何在引导程序中使用css3中的响应式背景图像: 我不想使用HTML标记。这是我的CSS。我正在使用bootstrap 3.0。 background:url('images/ip-box.png')no-repeat; background-size:100%; height: 140px; display:block; padding:0 !important; margin:0; 在100％缩放这是好的。但是当我放大约180％时，图像会从上到下短，我想要一些CSS技巧。

使用HTML data-attribute来设置CSS background-image url: 我打算为一个朋友build立一个自定义的照片库，我确切地知道我将如何生产HTML，但是我遇到了一个CSS的小问题。（如果可能的话，我宁愿不要使页面样式依赖于jQuery）我的问题问候： HTML中的Data-Attribute 在CSS中的Background-image 我为我的html缩略图使用这种格式： <div class="thumb" data-image-src="images/img.jpg"></div> 我假设CSS应该看起来像这样： .thumb { width:150px; height:150px; background-position:center center; overflow:hidden; border:1px solid black; background-image: attr(data-image-src);/*This is the question piece*/ } 我的目标是从我的HTML文件中的div.thumb中获取data-image-src ，并将其用于CSS文件中的每个div.thumb （s） background-image源文件。这是一个Codepen笔为了得到我正在寻找的一个dynamic的例子： http://codepen.io/thestevekelzer/pen/rEDJv

Android：在select器不显示禁用button的textColor？: 我正在尝试使用select器button我的button可以有以下状态：启用/禁用按下/不按下根据上面提到的国家。我需要操作button的：文本颜色背景图该button开始我被禁用，所以它应该有禁用textColor和禁用的button背景。但我可以看到默认的textColor（在样式中指定）和NO背景图像！这是我的select器button_selector.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="false" android:state_enabled="false" android:textColor="#9D9FA2" android:drawable="@drawable/button" /> <item android:state_pressed="true" android:state_enabled="true" android:drawable="@drawable/button_pressed"/> <item android:state_pressed="true" android:state_enabled="false" android:textColor="#9D9FA2" android:drawable="@drawable/button"/> <item android:state_pressed="false" android:state_enabled="true" android:drawable="@drawable/button"/> </selector> 这是我的layout.xml中的button声明 <Button android:id="@+id/reserve_button" android:text="@string/reserve_button" android:layout_width="120dp" android:layout_height="40dp" android:layout_marginTop="10dp" android:layout_marginLeft="20dp" android:paddingRight="15dp" android:layout_gravity="left" style="@style/buttonStyle" android:background="@drawable/button_selector" /> 最后，这是我的风格（我的默认textColor设置） <?xml version="1.0" encoding="utf-8"?> <resources> <style name="buttonStyle"> […]

CSS设置数据图像attr的背景图像: 我有这种模式的元素： <div data-image="{imageurl}" …></div> 我想将这个元素的background-image为data-image 。我testing这个CSS代码： div[data-image] { border: 2px solid black; background-image: attr(data-image url); } 边框显示正确，但没有发生背景如何修复这个代码只与CSS（而不是js或jq）？

谷歌浏览器a：访问过的背景图片无效: （在我开始之前，我应该说是的，我已经做了所有的愚蠢检查，是的，这个链接是在我的历史和访问等）我使用的是Chrome 6.0.472.63版本，不过在所有浏览器上都可以使用这一点很重要。它适用于Firefox，IE和Opera。基本上所有我想要做的是改变链接的背景图像，如果链接已被访问。我已经做了很多的试验和错误testing，所以裸露在我的多个例子。这是我原来的 .forum_box .title a { 背景图像：url（../图像/ f_unread.png）; background-position：10px center; 背景重复：不重复; 背景色：透明; 颜色：＃2D4054; 字体大小：14px的; padding：10px 12px 10px 44px; 文字修饰：无; 显示：块; 字体重量：粗体; } .forum_box .title a：visited { 背景图像：url（../图像/ f_read.png）; } 适用于除Chrome以外的所有浏览器。接下来，我试图把它变成一种颜色，而不是图像。 .forum_box .title a：visited { 背景色：红色; } 同样，但是我改变了链接到#fff而不是透明的，被访问的链接改变了红色，所以显然只有在为父项设置了bg颜色时，bg颜色才起作用。 .forum_box .title a { 背景图像：url（../图像/ f_unread.png）; background-position：10px center; 背景重复：不重复; 背景色：#FFF; 颜色：＃2D4054; 字体大小：14px的; […]

我可以得到div的背景图片url？: 我有一个button，当我点击它时，我想提醒#div1的背景图片url。可能吗？

用CSS3animation改变背景图像: 为什么这不起作用？我究竟做错了什么？ CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-image: url('frame-03.png'); } 60% { background-image: url('frame-04.png'); } 80% { background-image: url('frame-05.png'); } 100% { background-image: url('frame-06.png'); } } div { float: left; width: 200px; height: 200px; -webkit-animation-name: test; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; -webkit-animation-timing-function: linear; […]

用背景图像填充SVGpath元素: 是否可以为SVG <path>元素设置background-image ？例如，如果我设置元素class="wall" ，则CSS样式.wall {fill: red;}工作，但是.wall{background-image: url(wall.jpg)}不会，也不会.wall{background-image: url(wall.jpg)} .wall {background-color: red;} 。