background-image

问题 In my application there is one MainScreen .This screen contain lots of Vertical and Horizontal field manager and all content display successfully with scroll . This is my main VerticalFieldmanager code . vfm_Main = new VerticalFieldManager() { public void paint(Graphics g) { g.setColor(Color.WHITE); g.drawBitmap(0,0,mybackgroundImage.getWidth(),mybackgroundImage.getHeight(),mybackgroundImage,0,0); super.paint(g); } protected void sublayout(int maxWidth, int maxHeight) { super.sublayout

问题 Do CSS rules exist for placing content such as images or text within elements? eg. say I have a div which can contain some info which is correct and some info which is wrong, can I have rules such as: .correct { img: greenTick.jpg; text: "answer is wrong" } .wrong { img: redX.jpg; text: "answer is correct" } Is it possible to position them too? 回答1: You can use pseudo elements (::before and ::after). Set the text using the content attribute, and the image as the background of the pseudo

问题 I'm using background image for a button and switch to a different one on :hover . When the switch happens on the first mouse over it briefly flashes the background color. (I set it to orange here so it's more noticeable, it does the same with white background, or if I leave the background color unset). However, it does not flash on subsequent mouseovers. How can I prevent the first flash of the background color that happens on page load, and first mouseover? https://codepen.io/ClayN/pen

问题 I'm creating a React page. I want to add a background image that covers the background no matter the window size or resolution etc. so here's what I have for the background. import coolImportedImage from '../../images/image_background.jpg'; const BackGroundContainer = styled.div` background-image: url(${coolImportedImage}); background-repeat: no-repeat; background-size:cover; width: 100%; height: 1080px; `; ...and the render method: render(){ return( <BackGroundContainer> <CenteredLoginPanel>

问题 I am using background images as bullets. ul.follow-background li.facebookicon { list-style:none outside !important; background: url('/wp-content/uploads/facebook-icon-16x16.png') no-repeat left 50%; line-height: 30px; margin: 0.3em 0 0 -0.7em; padding: 0 0 0 1.5em; } ul.follow-background li.twittericon { list-style:none outside !important; background: url('/wp-content/uploads/twitter.gif') no-repeat left 50%; line-height: 30px; margin: 0.3em 0 0 -0.7em; padding: 0 0 0 1.5em; } ul.follow

问题 Problem I'm using this implementation of a CSS sticky footer. It does: html,body{ height:100%; } I use (would like to) use a repeating background, however, the height:100% causes this issue: (image from another sticky footer question with unsatisfactory answers) It's my understanding that the image gets sized to the size of the window at rendering, and thus never sizes past that. Question Is it possible to continue to use my existing choice of CSS sticky footer with a repeating background

问题 i am trying to place a transparent div over a background image. over this transparent div there is blue color div which has drop down list and icons right aligned and some caption. it's been a day and i tried different method to achieve this by giving background image to a container, using jumbotron , finally trying carousel , i want to align the contents now, current look: my page: <div class="container"> // some code for nav bar and logo etc <div id="myCarousel" class="carousel slide" data

问题 My typical workflow for editing and building my stylesheets for HTML documents is open the Firefox web developer toolbar's Edit CSS panel and edit directly in the browser window. Most of the time this works like a charm. There are times, however, that when I open the Edit CSS panel, certain images disappear, and I have no idea why. And even more strange, some times images that I add with the toolbar open are not visible when it is shut. (I'm talking primarily of images that are added with the

问题 We have an animated spinner gif we use to spice up the submit button after the user has submitted a form. If all validation passes on a form, we assign background via jQuery's css() method, setting the background image, positioning and color all in one. IE9 is not showing the background image on submit, though it continues to be seen in other browsers. This technique has worked fine in previous IE browsers, but seems to have broken in IE9, including in older "browser modes". I'm not sure if

问题 I'm trying to modify gradient values in the background-image property and I can't :( data = 'ff55dd'; $(".el").css({ 'background-image' : '-webkit-gradient(linear, left top, left bottom, from(#' + data + '), to(#aa1133))', 'background-image' : '-webkit-linear-gradient(#' + data + ', #aa1133)', 'background-image' : '-moz-linear-gradient(#' + data + ', #aa1133)', 'background-image' : '-o-linear-gradient(top, #ff3345, #aa1133)', 'background-image' : '-khtml-gradient(linear, left top, left bottom