background-image

问题 Not sure what’s happening, but I seem to have an issue with my background seemingly repeating vertically when view from a mobile device OR if you shrink the browser to activate the responsive nature of the site. My Portfolio Website Can anyone give me a hint as to what’s going on here??? 回答1: It's all because height: 100%; In this case alway when you have vertical scroll this will look like this. So I prefer background attachment, and it should work: background-attachment:fixed; 来源： https:/

问题 I'm having a weird issue where background images within an iframe are being stretched to the height of the iframe rather than the size of the div that they're attached to. Basically, I have a page made by a different agency that that will live within an iframe on the client's main site. This page has 4 or 5 sections with background images using the following css: background-image: url(../images/bkg1.jpg); background-attachment: fixed; background-position: top; background-repeat: no-repeat;

问题 N.B. I've already looked at this post and can't emulate it. I'm trying to replicate the shadow on the British Council Sweden site: This is as far as I've managed to get on my own site: I can't post images yet but the HTML is structured like this: <div id="inner"> <!--Full width div, blue bar of color here--> <div class="wrap"> <!--Existing gradient background image here--> <div id="content-wrapper"> <!--Content begins--> </div> </div> </div> The existing CSS: #inner{ background: #1e5799;

问题 I've tried searching for this in the forums but all the results are always something to do with div tags or things like that. Nothing seems relevant to my own issue. What I was is simply to change the background image of my page to a new image upon clicking a link. The current css to the background image is as follows... body { background:#000000 url(../img/wood01.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;

问题 I want use CSS3 property to make a complicated background image which with corner shadow and so on.Including background image,left border image,right border image.So,for the <div class="outer"></div> I write the CSS below: .outer { background:url("title_main.png"); background-repeat:repeat-x; background-clip: content; background-origin:content; -moz-background-clip: content; -moz-background-origin: content; -webkit-background-clip: content; -webkit-background-origin：content; -webkit-border

问题 i get the raw image data of a png-image from a webserver, and want to use it as the background image of a div-element. is this possible without saving the data as an image-file first? 回答1: Use a data URI: document.getElementById('e').src = 'data:image/png;base64,ton_of_crap'; In that Wikipedia article, there is code for PHP and Python that outputs base-64 encoded images. You can just shove that into the url() of a CSS file (or the src attribute of a <img /> tag) and it should work. 回答2: Have

问题 Just discovered multiple background. I would like to know how can you apply determined properties to only one of these backgrounds of your list of a multiple background. How can you target it individually ? Here is an example to illustrate: body{ background: url(images/small-group-bubbles.png) repeat-x fixed 10% 0, url(images/blur-bubble.png) repeat-x fixed -130% 0, url(images/big-bubble.png) repeat-x fixed 40% 0, url(images/green-gra-bg.jpg) no-repeat center center fixed; -webkit-background

问题 I have created a class which extends View class. public class SplashScreen extends View and i use it by setting contentview View splash = new SplashScreen(this); setContentView(splash); I need to set background image but I can't use layout. I think I need to do canvas drawing but I don't know how to do. protected void onDraw(Canvas canvas) { ballBounds.set(ballX-ballRadius, ballY-ballRadius, ballX+ballRadius, ballY+ballRadius); paint.setColor(Color.LTGRAY); // canvas.drawImage(R.drawable

问题 Hello i am trying to put a ScollView to my app but the problem is that i can't have both ScrollView and Background image so if someone can help me with that (here i put the background image so how can i put the scrollview now ?) I had the 2 working but not both in the same time, the scrollview i used was the singleChildScrollView import 'package:flutter/material.dart'; import 'package:audioplayers/audioplayers.dart'; import 'package:audioplayers/audio_cache.dart'; void main() { runApp(new

问题 I have a legacy web application that is targeted for IE 6 and is being reskinned. The buttons are having the default browser button look replaced with a blue button image. My following HTML and CSS works fine on IE 8, but not in IE 6. HTML <button id="add">Add</button> CSS button { width: 110px; height: 28px; background-image: url('../images/button.png'); background-color: transparent; border: 0px none #ff0000; cursor: hand; font-family: Myriad Pro, Helvetica; font-weight: bold; font-size: