Loading images using CSS style approach (CSS application skills)
Related Tags:
Am glad to say showed a picture I can do:
<td Style="background-image: url('file:///D:/chenhu2/chznwb26.bmp');background-position-y: top;"> <td/>
Here, we discuss a study on the use of control and use of html css to Display a picture of the differences:
<img Style="background-image: url('file:///D:/chenhu2/chznwb26.bmp');background-position-y: top;" />
Look at the examples:
(1)
<img Style="background-image: url('file:///D:/chenhu2/chznwb26.bmp');background-position-y: top;" />
(2)
<img Src= "file:///D:/chenhu2/chznwb26.bmp" />
In the picture of the two methods showed very clearly we will find one question is:
2. Than more than one method is a capacity: The default display for the big picture of that it can automatically match.
Use a method how to achieve the Html control of this feature is:
I am thinking this is the case, use IO to obtain images of objects, attributes to the length and width, to be conferred on the style.
Finally we may find a problem: <img style = "background-image: url ( 'file: / / / D: / chenhu2/chznwb26.bmp'); background-y-position: top;" /> Image surface a cross-cutting display, and here I use a transparent Color images by adding to solve this problem: <img src = "transparent. gif" style = "background-image: url ( 'file: / / / D: / chenhu2 / chznwb26.bmp '); background-y-position: top; "/>
Aware of this display images in the way we css style sheets can be more convenient configuration we want images.
As to whether there are other better ways to have such experience to share this.
- Default style sheet
- Css style details, page scrolling Style
- CSS - Cascading Style Sheets
- Css page of the Style rolling - css style
- Css underscore style
- Italic style of navigation
- [Original] css style tips: on the links-style settings!
- Css style Xi summary
- Cascading Style Sheets (CSS cascading style sheets)
- How to management style!
- XHTML CSS style into what?
- Css style (table)
- Web2.0 visual style evolution
- The definition and use CSS style
- Establish a Web site's style
- Home style developed
- Change the style file box
- Layout style control
- CSS style names on the underlined
- No. 1 on the css style sheet
Dreamweaver MX 2004 Video Collection Guide (111)
Set 111: identification of the site directory structure Course Objectives: To determine the site directory structure Curriculum points: directory structure is good or bad, on the site upload their own maintenance, as future expansion and transplant have an importan...
Ajax Resources Network, personal collection
1. Resource Site 1, domestic websites 1) Ajax China (recommended) A professional ajax technology website, classification clearly, a large number of electronic version of Guide, as well as download source AJAX! Http://www.okajax.com ...
You increase the visibility of the website Jiqiao tips
Following by several tips, although you will help improve site visibility, but the contents of a web site is attracting the most basic elements of the crowd, we remember, remember! Title essential Each site must be marked on the Title Page, Home marked only is not...
Embrace change - from the Atlas to ASP.NET AJAX (2): changes in the earth-shaking ScriptManager
Before reading this article, you need to install Microsoft ASP.NET AJAX v1.0 Beta and Microsoft ASP.NET AJAX CTP Beta, which rely on the latter to the former, it was necessary to install sequence (see embrace change - from the Atlas to ASP.NET AJAX (1): download and install Editions).&...
Destination Web pop-up window (html / hta)
How to use various forms of pop-up page window, I think we are all aware that some, but that a variety of pop-up window is how engaging out, and we learn about today: 1. Shells Kai a full-screen window <html> <body Onload="window.open('http://ww...