background-image

Plotly background images

由 对着背影说爱祢 提交于 2019-12-02 05:32:22
问题 I'm trying to get a background image on my graph using plotly. I can't seem to get ANY image to display without using one of the images.plot.ly links. I tried web URLs and local images in the same folder as the project. This is what is showing up when I used the image URL from their tutorial: https://plot.ly/python/images/ This is the only time I can get anything to show up. Any other link just produces nothing on the graph. Any tips? I have searched high and low for this. layout = dict(title

Can not draw image on JTextArea background when using Nimbus Look And Feel

由 我只是一个虾纸丫 提交于 2019-12-02 05:00:21
问题 I am drawing an image on JTextArea background, it is drawn using other look and feels (Metal, Windows etc) but when I use Nimbus Look And Feel it does not draw image What can be the possible problem and how to fix that? Here is the code I am using Image TextArea Class public class ImageTextArea extends JTextArea{ File image; public ImageTextArea(File image) { setOpaque(false); this.image=image; } @Override public void paintComponent(final Graphics g) { try { // Scale the image to fit by

Rounding the sides of a big image contained in a small division not working in Chrome

由 ﹥＞﹥吖頭↗ 提交于 2019-12-02 04:31:01
问题 I am trying to rounding the sides of a background image with border-radius property. Here is my scenario: I placed a big image in a small division as background and put the overflow hidden. Now I need to round the small division. I successfully rounded the corner of small division. But the image's corner is not rounding. HTML: <div class="video_thumb"> <div style="background-image: url(http://img.youtube.com/vi/mAYX42saxkI/0.jpg); " class="video-thumbnail"></div> </div>​ CSS .video_thumb {

Objective-C: Background image and title in Navigation Bar

由 痴心易碎 提交于 2019-12-02 04:28:48
In need a background image AND a title in my Navigation Bar. For the image I write a category: @implementation UINavigationBar(MyNavigationBar) - (void)setBackgroundImage { UIImageView *aTabBarBackground = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"navBarBackgrd.png"]]; [self addSubview: aTabBarBackground]; [self sendSubviewToBack: aTabBarBackground]; [aTabBarBackground release]; } @end I call this category in my AppDelegate and have background images in the whole application: [navigationController.navigationBar setBackgroundImage]; Every ViewController has a title: [self setTitle

Setting background image in asp.net (Master page)

由 ﹥＞﹥吖頭↗ 提交于 2019-12-02 04:15:28
问题 I'm new in asp.net. And I am having trouble setting my background image. Here's the master page source: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master.master.cs" Inherits="Master"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link rel="stylesheet" type="text/css" href="scripts/style.css"/> <title>Tracker</title> <asp

CSS - Set Div Width 100% and Resize Keeping Aspect Ratio

由 时间秒杀一切 提交于 2019-12-02 04:06:47
I have a div with a background image that will overlay part of the header slideshow. I want the width of the div to always be 100% of the window size, even when the user re-sizes it. The height should change based on the aspect ratio of the background image. The dimensions of the background image is 1500x406. Here's the sample code: HTML <div id="wrapper" class="clearfix"> <div id="bg_img"></div> </div> CSS .clearfix { width: 100%; position: relative; display: block; margin: 0; padding: 0; border: 0; line-height: 1.5; } #bg_img { background: url('http://rndimg.com/ImageStore/OilPaintingBlue

change background image of webkit-slider-thumb by jquery

由 怎甘沉沦 提交于 2019-12-02 03:51:17
问题 I searched for a while but couldn't find anything useful.I have the following css input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 10px; background-image: url('http://www.w3schools.com/html/smiley.png'), -webkit-gradient( linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1) ); background-size:20px; background-repeat: no-repeat; } Now I want to change

Rare IE10 bug: CSS animation of background-position fails with multiple backgrounds and percentage

由 久未见 提交于 2019-12-02 03:41:22
问题 This is a very specific bug - however, I would love for someone to show me a workaround! The bug basically consists in IE10 failing to do CSS animation of background-position when these two conditions are met at the same time : Having multiple backgrounds Setting background-position in percent Here's a demo, compare Chrome with IE10: http://codepen.io/dalgard/pen/LiyIK 回答1: You need to put a percentage sign after the zeros. It must be so: @keyframes move { 0% { background-position: 0%, 0%; }

jquery simple animate/rotate of a css background-image inside a div?

由 谁说我不能喝 提交于 2019-12-02 03:20:56
I was wondering if anyone could help me out, or point me in the right direction. I'm looking for a snippet of jquery that will automatically change the background image of a div every say 5 seconds or so. My initial bg image is set in css, but i'm not sure how to create the function to make it swap between an array of images? I have 5 images: bg-1.jpg, bg-2.jpg, bg-3.jpg, bg-4.jpg, bg-5.jpg. Currently my div is set to bg-1.jpg. <div id="page_bg"></div> Don't really have any code to show, but hopefully someone can help me out :) Something like this should do the trick? jQuery( function( $ ) {

background-attachment : fixed; not working with background-position

由 别来无恙 提交于 2019-12-02 02:13:28
I have made a codepen to explain my problem: When the user scroll, the blue images should follow the user scroll The blue images should be stuck on the opposite side of the aside parts (right for the left one | left for the right one) The pb is that background-attachment : fixed; isn't working this the css rule background-position: left 0px; Someone can help me by forking the codepen to show me a working implementation ? .wrapper { display: flex; } main { background-color: red; height: 1000px; max-width: 992px; width: 100%; } aside { min-width: 150px; background-color: green; } .left {
订阅 background-image