JS中设置backgroun-position不成功的问题

原创 2015年11月18日 15:18:06

今天在做个人主页的时候,准备把background-position设置一下,可是用了很多种方法都没有能够成功,最后才发现了问题,在这里记录一下,如果可以,也很开心能够和你分享我的经验。


原生javascript:

  在原生的js中,大家都理解的是要想设置对象的css属性,可以使用 Element.style.Attribute的方法做到,但是今天在使用的时候却出了一些问题,用这种方法读出来的background-position属性,就算用控制台显示了但是却并不能应用,只相当于一个单纯的字符串,并没有被浏览器所接受,识别。所以浏览器中调试时,在元素的属性栏中根本没有background-position的属性出现(甚至连一道删除线都没有划)。


Jquery框架:

     Jquery中集成了很多易用方法,对于页面设计比较常用的就要属CSS方法了,这个方法所需要的参数是以键值对的形式出现的,比如{"margin-left":"-100px","top":"500px"},这样的表达让人很容易对其进行设置。每一个属性对应的名字和CSS中使用的值是完全相同的(在这一点上,与原生JS有些不同,如js中的style.marginLeft,在css中就是margin-left),所以background-position-x理应就是用来设置背景在x轴线上的位置的,但是!我并么有成功!


记住设置background-position的时候,一定要用css中的background-position属性直接设置两个值,用background-position-x分别设置是不会成功的,同时使用原生js的.style.backgroundPositionX方法设置也是不会成功的!通往成功的路只有一条!!

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

J2EE for SpringMVC 映射静态资源独Js不成功的问题解决

刚才博主遇到一个很头大的问题,静态资源映射了,路径语法啥的都没问题而css和img又能够映射成功,能够正常读取,经过反复检查,博主发现是版本跟不上了。看看博主的配置先:<beans xmlns="ht...
  • tydyz
  • tydyz
  • 2017-08-08 18:53
  • 120

使用ajaxupload.js插件上传图片不成功问题----RTFSC

一、项目中使用ajaxupload.js插件上传图片,返回值不正确 对不起,系统故障,您访问的页面暂时无法访问!      返回的是error404.jsp页面 二,看web.xml中配置 ...

往GitHub上传东西,试了各种方法都不成功,可能是Email设置的问题

前几天,花了好长时间想要把代码发布到GitHub,试了好多办法都没有成功。一开始尝试在VS客户端上,后来用GitHub的客户端,最后又采用Tortoisegit工具,一直是失败的,而且感觉不可思议。因...

Eclipse部署不成功的问题(部署到tomcat中,只有个空文件夹)

我所用的工具:Eclipse 原因:从git中clone出项目来之后,导入到Eclipse中(是web项目),部署到Tomcat中后,启动Tomcat,但是项目未被运行,查看D:\tomcat\web...

myeclipse创建svn资源库时连接不成功问题的解决

错误如图所示,创建时提示说验证位置出现错误,最初到网上找到一个说能解决此问题的办法,简略说是: 曾经使用过SVN,以前记录在本地的账户密码与现在的地址不匹配 此时需要删除auth下的用户信...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)