background-image

Dynamically resize div for background image

眉间皱痕 提交于 2019-12-24 14:52:26
问题 I have a background image in a header that automatically resizes to the width of the window. However, the height does not adjust properly -- an inherited CSS property sets the div to a fixed height of 50px. Currently, I'm using: background-size: cover; I can specify a fixed height for the div that will be observed, but then the background is only correct at a specific window size. If I set the size to auto or 100%, it goes to 50px; How can I make it ignore the height it thinks it should be

Background Image Not Displaying On Div

爱⌒轻易说出口 提交于 2019-12-24 14:04:14
问题 For some reason, my website does not want to display the background-image which I have set on my div. I want to have a featured image that display's across the whole page (kind of like on Microsoft's homepage). However, the image doesn't want to show. I have tried disabling AdBlock and any other extensions with no avail, I have also tried to look on forums to see if I could find anything (which I haven't). The following is my HTML: <body> <div class="container"> <div class="content"> <div

Background Image shows in Firefox and Chrome but NOT IE9

非 Y 不嫁゛ 提交于 2019-12-24 13:25:20
问题 I have a header that has an image in the background and it is not showing up in IE9. It works fine in Chrome, Firefox, and Safari. The logo file that is opened in the header displays fine. HTML: <div class="myheader"> <img src="img/logo.png"><h5 class="your-on">You are on: Login Page</h5> </div> CSS: .myheader { height: 90px; /* background-color: #3D8F43; */ padding: 5px; position: relative; border-radius: 10px; -moz-border-radius:10px; background-image: url("../img/header-bg.jpg"); } Also, I

Angular4 background image

拟墨画扇 提交于 2019-12-24 12:13:56
问题 I am trying to make a background image to div. but image not showing. here is my code. <div [ngStyle]="{'background-image' : imageresult.pictureUrl}"> some content here! </div> 回答1: try this and be sure that you have added your assets in angular-cli.json [ngStyle]="{'background-image': 'url(' + imageresult.pictureUrl+ ')'}" 来源: https://stackoverflow.com/questions/50037590/angular4-background-image

CSS body background-image not showing in IE-6

怎甘沉沦 提交于 2019-12-24 10:47:45
问题 I have some problem with the background-image property in IE-6. In all other browsers, background-image is showing except IE-6. This is the url of my site http://indivar.info/godsak/node/2. This is what I have written in the css. body { background-color: #D3D3D3; background: url("../images/background.jpg") repeat scroll 0 0 transparent; margin: 0; padding: 0; position:relative; overflow-x:hidden; }. This question will lool outdated as this is related to IE-6. But the client needs it so I have

Dynamic background image with Angular JS ng-repeat

巧了我就是萌 提交于 2019-12-24 09:39:45
问题 Id like to display dynamic background images using angular's ng-repeat directive. At the moment Im doing this by setting it as an inline style like so: <div ng-repeat="thing in things" style="background-image: url({{thing.image}})" > </div I would prefer to use standard angular tools to accomplish this and avoid using inline styles. I would set a static background image using ng-style but this does not seem practical for an indeterminate number of objects. What is the correct solution for

How to change only the background image opacity? [duplicate]

六眼飞鱼酱① 提交于 2019-12-24 08:04:11
问题 This question already has answers here : How do I give text or an image a transparent background using CSS? (28 answers) Can I set an opacity only to the background image of a div? (8 answers) Set opacity of background image without affecting child elements (14 answers) Closed last year . I am trying to change the opacity of my background image to make it match the website. The problem is that the opacity: 0.5; change everything within the element. So not only the background image change but

Radial gradient opacity on background image

流过昼夜 提交于 2019-12-24 07:48:29
问题 I need to apply a radial gradient of opacity to a repeating background image. The proposed solutions online recommend to add another solid color gradient over the image giving the illusion of a fading background image. However, this solid color gradient solution will not work in my case because the background is not a solid color, but rather a linear gradient. Here is an exaggerated example of what I'm trying to achieve using a bright red repeating background image and a grey to black

How to add Roulette Wheel background image to matplotlib Radar Chart

风流意气都作罢 提交于 2019-12-24 07:38:03
问题 I have a program that plots the hit frequency of the numbers of a Roulette Wheel onto a Radar chart. I would like to have an image of the outer rim of the wheel circle/border the outer part of the Radar chart. I have tried sourcing code online but I'm getting the error: raise TypeError("Image data cannot be converted to float") TypeError: Image data cannot be converted to float A sample of the code I'm using (see below) produces the following plot: from math import pi import matplotlib.pyplot

How to make the background image transparent in windows mobile?

喜你入骨 提交于 2019-12-24 06:36:10
问题 I am developing the smart device application in C#. I am new to the windows mobile. I have added the background image to the form in my application by using the following code. I want to make this image transparent so that other controls on my windows form will be displayed properly. protected override void OnPaint(PaintEventArgs e) { base.OnPaint(e); Bitmap CreateCustomerImage = new Bitmap(@"/Storage Card/background.png"); e.Graphics.DrawImage(CreateCustomerImage, 0, 0); } The background