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;} 。