背景图片默认在元素的左上角,若想把它设置在右上角,该如何设置呢?下面小编举例讲解jquery如何将背景图片设置在右上角 。
文章插图
需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1【jquery如何将背景图片设置在右上角】新建一个html文件,定名为test.html,用于讲解jquery若何将布景图片设置在右上角 。
文章插图
2在test.html文件内,利用div标签建立一个模块,并设置div标签的class为mydd 。
文章插图
3在css标签内,经由过程class设置p标签的样式,设置它的宽度为250px,高度为250px,边框为1px宽度红色边框,布景图片为1.png 。
文章插图
4在js标签内,利用ready()方式在页面加载完当作时执行function方式 。
文章插图
5在function方式内,经由过程class获得div对象,利用css()方式设置background-position属性值为"right top",即可将布景图片设置在右上角 。
文章插图
6在浏览器打开test.html文件,查看实现的结果 。
文章插图
总结:11、利用div标签建立一个模块,并设置div标签的class为mydd 。 2、在css标签内,经由过程class设置p标签的样式,设置它的宽度为250px,高度为250px,边框为1px宽度红色边框,布景图片为1.png 。 3、在js标签内,利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内,经由过程class获得div对象,利用css()方式设置background-position属性值为"right top",即可将布景图片设置在右上角 。 5、在浏览器打开test.html文件,查看实现的结果 。
以上内容就是jquery如何将背景图片设置在右上角的内容啦,希望对你有所帮助哦!
推荐阅读
- Thinkphp模板中如何截取字符串
- php如何随机生成10数字
- jquery如何点击更换div的背景图片
- 如何查询当地派出所行政区划代码
- 春分和秋分的区别 如何分辨春分秋分
- 如何开启西瓜视频连续播放功能
- 哔哩哔哩如何设置字幕的屏蔽词
- 新版QQ如何删除Q群管家机器人
- 如何设置ECharts雷达图的填充色
- 微博如何设置视频倍速播放