background-position-y与background-position

最新推荐文章于 2024-04-07 10:00:15 发布
最新推荐文章于 2024-04-07 10:00:15 发布
阅读量107 收藏
点赞数
原文链接：http://www.cnblogs.com/AndyHua/p/3612466.html
版权

background-position-y：firefox 不支持这种写法

eg:

background-position-x:30px;

background-position-y:50px;

上面的这种写法在firefox中应该写成如下格式：

background-position：30px 50px;

转载于:https://www.cnblogs.com/AndyHua/p/3612466.html

baiwenhui2422
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS-背景位置-y | background-position-y
weixin_33939843的博客
09-12 1630
background-position-y属性用于设置初始状态时背景图片在垂直方向上的位置,这个位置相对于通过background-origin定义的背景层的原点进行定位. 需要获得更多的信息可以查看background-position属性,这个属性已经得到了长久且广泛的支持. 注意:background-position-y...
css的background-position的用法
最新发布
javaboyad2的博客
04-18 241
是 CSS 中的一个属性，用于设置背景图像在元素中的起始位置。在这个例子中，背景图像将从元素的左侧 25%（宽度的 1/4）和顶部 75%（高度的 3/4）的位置开始显示。你也可以使用关键字来定义背景位置，如 top、bottom、left、right、center。在这个例子中，背景图像将从元素的左侧 50 像素、顶部 100 像素的位置开始显示。在这个例子中，背景图像将从元素的右侧开始，距离顶部 20 像素的位置显示。在这个例子中，背景图像将从元素的右上角开始显示。将决定图像在元素中的确切位置。
css中background系列详解
冰雪为融的博客
05-29 1931
研究了background相关的属性，虽然很简单，但有些还是不知道，整理出来系统的学习一下，也会更好的掌握这些知识点（细节决定成败，哈哈）background相关的属性有（把比较常用的放在前面不做过多的解释）：background、background-color、background-image、background-repeat、background-attachment、background...
改变背景图片的位置
qq_42816270的博客
01-28 1388
background-position 修改图片的位置 background-position-x 修改图片x方向的位置 background-position-y 修改图片y方向的位置
CSS 之 background 系列属性详解
weixin_45092437的博客
03-09 3万+
背景系列属性，共包含9种属性：background-color：设置元素的背景颜色。background-image：设置元素的背景图片。background-size：设置元素背景图片的大小。background-position：设置元素背景图片的位置。background-repeat：设置背景图片是否重复，以及如何重复。background-clip：设置元素背景的渲染区域。background-origin：设置元素背景的定位区域。background-attachment：设置元素的背景图片是否
background-position：使背景图片呈现，动画效果
逆风优雅的博客
08-30 448
【代码】background-position：使背景图片呈现，动画效果。
css 之 background-position-x
10-30
如果需要设置背景图片的垂直位置，需要使用 background-position-y 属性。或者，可以使用 background-position 属性，分別设置背景图片的水平和垂直位置。 例如： ;height:300px;background-image:url...
CSS background-position的使用说明详解
09-25
CSS中的background-position属性用于设置或检索对象的背景图像位置。要使用这个属性，必须先通过background-image属性指定了一个背景图片。background-position属性的位置定位不会受到对象的padding（内边距）属性...
CSS background-position 属性 定位图片
09-25
background: transparent url(images/y.gif) no-repeat scroll 0 0; height: 42px; width: 980px; font-size: 12px; list-style: none; } 在上面的代码中，我们使用 background-position 属性将背景图片定位在左上...
css background-position 用法详细图文介绍
09-25
6. 使用百分比值时，如 `background-position: x% y%;`，百分比是基于元素的宽度和高度来计算的。`50%` 对应于元素宽度的一半，`100%` 表示背景图像完全覆盖元素。 7. 结合 `background-size` 属性，可以实现背景...
background-position属性
Emotionameng的博客
10-07 755
background-position属性 css 属性: background-position: x y; x、y值可以是left right top bottom center，可以是相对值%，可以是数字。  1、x作用于横轴，y是竖轴         2、当取英文关键字时，left 相当于 x:0%，center为50%具体看它放在x还是y处。 注：无论left在x或者
【css】backgroud-position控制背景图位置
weixin_46282323的博客
04-07 1009
background-position 用来设置背景图像起始位置的CSS样式属性
css background-position属性
且听风吟的博客
06-08 2158
`background-position` 属性用于设置或获取元素背景图像相对于原点的初始位置。
background-position 用法详细介绍
热门推荐
JeamKing的专栏
05-22 12万+
语法：background-position : length || length background-position : position || position 取值：length  : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位  position  : top | center | bottom | left | center |
CSS背景background详解，background-position详解
会敲代码的男老师的博客
02-03 3万+
背景(background)是css中一个重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法，包括诸如 background-attachment 等的属性，也会介绍一些有关背景(background)的常用技巧，以及 css3 中的 背景(background)(包含4个新的背景(background)属性)。 css2 中的背景(background) 概述 CSS2 中有5个主要的背景(background)属性，它们是： * ba
css定位的百分比的算法,css背景图片定位练习（二）： background-position的百分比...
weixin_39923157的博客
08-03 316
background-position:x y;百分比定位并不能直观的看出来，需要通过计算。background-position百分比计算公式：(容器宽度—背景图片的宽度)*x%=xpx(容器高度—背景图片的高度)*y%=ypx上节我们使用的图片也可以继续拿来做练习： 背景定位练习.box1, .box2, .box3, .box4,.box5, .box6, .box7, .box8,.box...
CSS 背景位置 background-position属性
歪脖先生的博客
02-17 10万+
背景位置除了背景背景平铺外，CSS还提供了另一个强大的功能，即背景定位技术，能够精确控制背景在对象中的位置。默认情况下，背景图像都是从元素 padding 区域的左上角开始出现的，但设计师往往希望背景能够出现在任何位置。通过 background-position属性，可以很轻松的控制背景图像在对象的背景区域中的起始显示位置。其语法格式为：background-position: xpos ypo...
Html CSS学习（六）background-position背景图像的定位
weixin_34166847的博客
01-16 576
2019独角兽企业重金招聘Python工程师标准>>> ...
background-position和雪碧图(CSS Sprites)用法
bingkingboy的博客
04-04 5万+
background-position属性使用频率非常高，大量的网站为了减少http请求数，会将大量的图片图片合成一张雪碧图（Sprite）来使用。雪碧图的使用就是通过控制background-position属性值来确定图片呈现的位置，不得不说它的作用非常重要，当然除了在使用雪碧图的场景外，别的某些场景也常常会使用到这个属性，这次就总结下它的用法。       还是那句话，工欲善其事必先利其器，只
js 动态改变background-position-y
06-06
要动态改变元素的 `background-position-y` 样式属性，可以通过 JavaScript 操作元素的 `style` 属性来实现。以下是一个例子： ```javascript document.getElementById("myElement").style.backgroundPositionY = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值