-
4 votesanswersviews
CSS3背景大小和背景位置问题
我正在编写一个WP主题,需要一些新的CSS3 background-size属性的帮助 . 我有一个DIV,其中包含一个图像作为背景 . 图像本身设置得比div大,以显示原始图像的一点切口: .imageContainer { background-size:154% 102%; background-position-x:-28%; background-position... -
9 votesanswersviews
CSS背景位置从右到左动画
我正在尝试为背景图像设置动画,以便图像从右到左显示 . 我使用的图像宽度大于背景所在的div容器的宽度 . 一开始,背景如下 background: url(../img/zeppelin.png); background-repeat: no-repeat; background-position: right; 但是当页面加载时,我希望将背景设置为动画,以使其位于左侧 . 这应该采取例如 .... -
0 votesanswersviews
根据'background-position:center'计算背景位置?
如果我从5个不同的部分构建图像(用于创建效果),一个简单的方法是使用相同的样式创建5个不同的类(我正在使用反应) . 我想要实现的效果是在悬停时旋转图像的5个部分 . 这是jsx: var sectionStyle = { width: '100%', height: '100%', backfaceVisibility: '... -
18 votesanswersviews
使用Css Sprites和背景位置
我有一个div元素,比如宽度为200px,高度为200px . 我需要一个小图像出现在div的右上角 . 人们通常如何做到这一点 background: url(/images/imagepath.png) top right; 但问题是,我正在从精灵加载图像,当我使用类似的东西时 background: url(/web/images/imagepath.png) -215px -759px ... -
1 votesanswersviews
如何根据浏览器/屏幕的宽度更改'background-position'
我创建了一个我试图解决的问题的简化版本 . 请看一下 HTML: <div class="container"> <div class="bg-left"> <div class="content"> Some content here </div> </div>... -
2 votesanswersviews
SASS mixin中背景位置的问题
我正在创建一个SASS mixin,它将让我拍摄社交媒体图标的spritesheet并显示它们,但是当它悬停在背景位置时我遇到问题,这是SASS代码: @mixin social-button($imgurl,$xpos,$ypos,$height,$width) { background-image: url($imgurl); background-position: $xpos $y...