我在imageUrl变量中有一个图像URL,我试图使用jQuery将其设置为CSS样式:
$('myObject').css('background-image', imageUrl);
这似乎不起作用,如:
console.log($('myObject').css('background-image'));
回报none.
任何想法,我做错了什么？
CSS background-image属性的正确用法是什么？我想要了解的关键事项是
background-image: url('images/slides/background.jpg');我正在使用下面的CSS,但它将图像放在按钮的中心.使用左右对齐图标的任何方式<input type="button">,以便文本和图像很好地匹配和对齐？
background: url('/common/assets/images/icons/16x16/add.png');
background-position:center;
background-repeat:no-repeat;
我试图在一个元素中绑定图像的src,但它似乎不起作用.我得到一个"无效的表达式.生成的函数体:{backgroundImage:{url(image)}".
该文件说要使用'烤肉串案例'或'驼峰案例'.
<div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div>
这是一个小提琴:https://jsfiddle.net/0dw9923f/2/
这个
background:url(http://url);
这个
background:url("http://url");
或这个
background:url('http://url');
我的css在assets/css/style.css,我的图像在,assets/img/bg.png但当我尝试链接背景图像时:
background: url(../img/bg.png);
它反而assets/css/../img/bg.png用作网址.为什么？
我有一个页面,当在鼠标悬停在缩略图上时,它应该显示更大版本的图像.
我有一个带有ID的'div',JQuery代码如下:
$(document).ready(function(){
$('img').hover(function() {
var src = $("#im" + this.id).attr("src");
$('#viewlarge').css('backgroundImage','url(' + src +')');
return false;
});
});
我使用的图像是由Ruby脚本生成的,该脚本"生成"具有相似但不同id的图像.但是,有时会上传内部有"空格"的照片.我的开发人员工具告诉我背景图像设置不正确,但图像路径是正确的,浏览器在查找图像时没有问题.
我的问题是,我可以以某种方式消毒url'src',所以空格不会有问题吗？我知道这个服务器端,但我想知道如何使用JQuery/JS.
谢谢!
我有一个这种形式的字符串:
url("http://www.example.com/imgs/backgrounds/bg80.jpg") repeat scroll 10% 0% transparent
这是来自某个元素的CSS样式,目前在页面上看不到.我需要做的是预加载背景图像,但要做到这一点,我需要它的URL,我正在尝试编写正则表达式找到它.
我所知道的http://www.example.com/imgs/backgrounds/部分保持不变,唯一改变的是图像的名字本身,它可以与任何一端.jpg或.png.
这是一次尝试:
(http:\/\/www.example.com\/imgs\/backgrounds\/)[\w\.\-]*
这个问题是只有http://www.example.com/imgs/backgrounds/部件被拾起.所以我尝试了这个,但这根本不起作用!
(http:\/\/www.example.com\/imgs\/backgrounds\/)[\w\.\-]*(.jpg|.png)
我究竟做错了什么？感谢您的任何帮助!
有些图像无法正常工作background-image:url()，我不知道我是否需要从图像名称中删除(和)或其他任何问题？
任何帮助将不胜感激。
这是一个有效和无效的示例。
<!-- Not Working -->
<div style="background-image:url(https://ignite.galify.com/images/tx9gyzjfb24712-(1).jpg)"> img </div>
<!-- Working -->
<div style="background-image:url(https://ignite.galify.com/images/9mspqz9gqb1561725209327568845756.jpg)"> img1 </div>不知道发生了什么,但由于某种原因,在外部样式表中链接时我的背景图像没有显示.
例1 :(工作)
<html>
<head>
...
</head>
<body style="background: url(images/image.jpg);">
...
</body>
</html>
例2 :(非工作 - 外部css文件)
body {
background: url(images/image.jpg);
}
当/如果我使用第一个示例时,将显示图像,但是当我使用第二个示例时,不会显示图像.
有什么建议？先谢谢你...
嗨我的CSS刚停止工作从第192行或"主题部分"下来它上面的一切工作,但任何事情后不再工作可以有人请看看我的代码,看看你是否可以提前感谢任何错误!
body {
border-top : 1em solid #333;
font : 300 62.5% "Open Sans";
line-height : 1.5;
}
.heading-large {
font-size : 2em;
}
.heading-medium {
text-transform : uppercase;
font-size : 1.8em;
}
.title-medium {
font-size : 1.6em;
}
p {
font-size : 1.4em;
}
footer p {
color : #959595;
}
a {
color : inherit;
text-decoration : none;
}
a:hover .title-medium {
color : #D73300;
transition : all 0.5s ease;
}
article {
margin : 1em 0;
} …css ×10
html ×5
javascript ×5
jquery ×2
background ×1
grammar ×1
image ×1
lines ×1
loading ×1
regex ×1
sanitization ×1
vue.js ×1