标签: cover

CSS background-image在android手机上无法正常工作

这是我目前使用的代码:

background: url(myimage.jpg) no-repeat center center fixed;
background-size:100% 100%!important;
background-position:0 0!important;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:cover;
background-attachment:scroll;

Run Code Online (Sandbox Code Playgroud)

在Android上我浏览了Chrome.当我向下滚动时,我希望背景图像是静态的.我可以通过其他方式实现这一目标吗？

css android cover background-image

mel*_*rne

lucky-day

4
推荐指数

2
解决办法

2万
查看次数

C# TagLib 设置 Mp3 专辑封面

我有一个 mp3 文件，我想向其中添加专辑封面。艺术作品已保存到临时文件夹中，我已检查过它，它就在那里并且是 jpeg。这是我给出的代码：

        public void AddMp3Tags()
        {
            TagLib.File file = TagLib.File.Create(OutputPath + OutputName + "." + Format);
            SetAlbumArt(Art, file);
            file.Tag.Title = SongTitle;
            file.Tag.Performers = Artists.Split(',');
            file.Tag.Album = Album;           
            file.Tag.Track = (uint)TrackNumber;
            file.Tag.Year = (uint)Convert.ToInt32(Regex.Match(Year, @"(\d)(\d)(\d)(\d)").Value);            
            file.Save();
        }

        public void SetAlbumArt(string url, TagLib.File file)
        {     
            string path = string.Format(@"{0}temp\{1}.jpg", OutputPath, Guid.NewGuid().ToString());
            using (WebClient client = new WebClient())
            {

                client.DownloadFile(new Uri(url), path);
            }


            TagLib.Picture pic = new TagLib.Picture
            {
                Type = TagLib.PictureType.FrontCover,
                Description = "Cover",
                MimeType = System.Net.Mime.MediaTypeNames.Image.Jpeg
            };
            MemoryStream ms …

Run Code Online (Sandbox Code Playgroud)

c# mp3 id3 cover taglib

Lau*_*ngs

lucky-day

4
推荐指数

1
解决办法

3427
查看次数

CSS 背景尺寸：封面；效果不好

我有一个#div具有以下 CSS 样式的元素：

width: 413px;
height: 140px;
background-image: url("URL-TO-IMAGE");
background-color: #53A7E7;
background-size: cover;
background-position: center;
background-repeat: no-repeat;

Run Code Online (Sandbox Code Playgroud)

结果如下：

正如您在元素的左侧和底部看到的那样，有两条蓝线（颜色对应于代码#53A7E7）。

如果我删除样式，background-size: cover;两条线都会消失，图像会覆盖元素的整个表面。

知道如何解决这个问题吗？

原始图像的尺寸为 1779x683 像素，但我希望它可以针对任何图像尺寸进行修复。

width: 413px;
height: 140px;
background-image: url("URL-TO-IMAGE");
background-color: #53A7E7;
background-size: cover;
background-position: center;
background-repeat: no-repeat;

Run Code Online (Sandbox Code Playgroud)

#div {
    width: 413px;
    height: 140px;
    background-image: url("https://i.stack.imgur.com/SvWWN.png");
    background-color: #53A7E7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

Run Code Online (Sandbox Code Playgroud)

html css cover background-size

Gab*_*bri

2018 11-27

4
推荐指数

1
解决办法

687
查看次数

Div css背景图像未显示100%高度

我不知道为什么这个css工作时我在body标签设置为100%高度时使用背景图像但是当我在div上使用它时它没有显示全高(仅显示屏幕高度)

这是代码:

<body>
   <div id="bg">
   </div>
</body>

Run Code Online (Sandbox Code Playgroud)

CSS

body{
position:relative;
padding: 0;
overflow-x: hidden;
font-family: "Titillium Web";
color:#fff;
width: 100%;
}

#bg{
height:100%;
background-color: #030000;
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}

Run Code Online (Sandbox Code Playgroud)

我不想使用背景尺寸:请盖好

css height background cover

Abe*_*bad

lucky-day

3
推荐指数

1
解决办法

8293
查看次数

CSS Sprite + background-size：cover

有没有办法在使用CSS Sprite加载的图像上使用background-size：cover？示例代码：

[class*='img-sprite-']{
   background-image:url('../images/sprite/img.png');
   background-repeat:no-repeat;
   display:block
}

.img-sprite-a1{background-position:-5px 5px}
.img-sprite-a2{background-position:-10px 10px}
.img-sprite-a3{background-position:-15px 15px}
...

Run Code Online (Sandbox Code Playgroud)

html css cover sprite

Tra*_*wlr

lucky-day

3
推荐指数

1
解决办法

983
查看次数

使用背景大小的Chrome表现不佳:封面

我需要在我的网站上覆盖背景,我总是看到鼠标悬停或任何其他动作的滞后/ slu .. 你知道如何解决这个问题吗？我在这里有一个工作示例(如果我还没有更新代码):http://natgeo.geryit.com

ul#posters li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 170px;
    position: relative;
    width: 25%;
}

Run Code Online (Sandbox Code Playgroud)

css google-chrome cover background-image

gok*_*sel

lucky-day

2
推荐指数

1
解决办法

4884
查看次数

使用 object-fit: cover 时，HTML 视频元素底部出现奇怪的间隙；

在某些情况下，当 HTML 中的父元素之一在底部或顶部定义时，您的对象将margin无法在其内部最大限度地拉伸源媒体。即使您定义了，标签的顶部或底部仍然会有小间隙。据我所知，这种情况只发生在 Google Chrome 中。paddingvideoobject-fit:covervideo

css google-chrome cover html5-video object-fit

Mla*_*vic

lucky-day

2
推荐指数

1
解决办法

1141
查看次数

通过Facebook的Api进行个人资料封面编辑

我知道这个问题已多次提出,
我甚至阅读了有关该主题的大部分问题.
但到目前为止还有一个月左右的差距,我想知道是否有任何进程从api(通过应用程序)更改时间轴封面图片.
你知道有关于此的任何新信息吗？
或者那里有解决方案吗？(上传到封面文件夹除外)

提前致谢.

facebook cover facebook-graph-api facebook-timeline

fun*_*err

2013 08-28

1
推荐指数

2
解决办法

1万
查看次数

上传base64图片facebook图api如何使用这个脚本

上传Base64图片Facebook Graph API 我想使用这个链接链接的脚本如何在我的wordpress帖子中使用它？我想用这个fbcover照片网站.

wordpress facebook cover

作者

2017 05-23

1
推荐指数

1
解决办法

4269
查看次数

在ios中从epub获取封面图片

我想在我的阅读表中显示 epub 文件的书籍封面图像。在我的 iOS 应用程序中，我添加了对 epub 文件的“打开方式”支持。因此，当我导航到我的图书阅读应用程序时，我想先在书架中显示图书的封面图像，然后再加载那本书。请帮我从 ios 应用程序的 epub 书中获取封面图片。

cover epub ios

Kav*_*ita

lucky-day

1
推荐指数

1
解决办法

1257
查看次数

使用 JavaScript 三角法缩放旋转图像以填充 HTML5 Canvas？

下面是我当前正在使用的代码。通过0旋转，图像可以正确缩放以填充画布。（类似于background-size: cover，除了在 Canvas 上使用 JavaScript）

我正在尝试添加旋转功能，具有以下功能。

旋转时保持图像居中。我尝试使用width / 2in translate，然后使用相反的 in drawImage，但如您所见，图像没有保持居中。我不确定这是否与我之前的居中代码冲突x，y或者这里是否需要三角学？
自动进一步缩放图像以覆盖画布。这些是任意旋转，而不是 90 度增量。我不想裁剪超出填充画布角所需的图像。这是比我习惯处理的复杂得多的三角学。

我认为这可以用Math.sin和来完成Math.cos，但我已经很长时间没有使用它们了。我特别不确定如何实现#2。任何帮助，将不胜感激。

var canvas = document.querySelector('canvas')
var context = canvas.getContext('2d')
var image = new Image()
image.src = 'https://i.stack.imgur.com/7FsbT.jpg'

image.onload = function () {
  
  var maxScaleX = canvas.width / image.width
  var maxScaleY = canvas.height / image.height
  scale = maxScaleX > maxScaleY ? maxScaleX : maxScaleY
  
  var width = image.width * scale …

Run Code Online (Sandbox Code Playgroud)

html trigonometry cover canvas rotation

Bry*_*eld

lucky-day

1
推荐指数

1
解决办法

1829
查看次数