ਇੱਕ ਵੈਬ ਪੰਨਾ ਨੂੰ ਫਿੱਟ ਕਰਨ ਲਈ ਇੱਕ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਕਿਵੇਂ ਚੁੱਕਣਾ ਹੈ

ਪਿਛੋਕੜ ਗ੍ਰਾਫਿਕਸ ਦੇ ਨਾਲ ਆਪਣੀ ਵੈਬਸਾਈਟ ਵਿਵਿਲਤ ਵਿਆਜ਼ ਦਿਓ

ਚਿੱਤਰ ਆਕਰਸ਼ਕ ਵੈੱਬਸਾਈਟ ਡਿਜ਼ਾਈਨ ਦਾ ਮਹੱਤਵਪੂਰਣ ਹਿੱਸਾ ਹਨ ਇਸ ਵਿੱਚ ਪਿਛੋਕੜ ਦੀਆਂ ਤਸਵੀਰਾਂ ਸ਼ਾਮਲ ਹਨ ਇਹ ਤਸਵੀਰਾਂ ਅਤੇ ਗਰਾਫਿਕਸ ਹਨ ਜੋ ਕਿ ਸਫੇ ਦੇ ਖੇਤਰਾਂ ਦੇ ਪਿੱਛੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਚਿੱਤਰਾਂ ਦੇ ਵਿਰੋਧ ਵਿੱਚ. ਇਹ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਇੱਕ ਪੇਜ਼ ਉੱਤੇ ਵਿਜ਼ੂਅਲ ਇੰਟਰਸਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਨ ਅਤੇ ਵਿਜ਼ੁਅਲ ਡਿਜਾਈਨ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ ਜੋ ਤੁਸੀਂ ਕਿਸੇ ਪੇਜ ਤੇ ਲੱਭ ਰਹੇ ਹੋ.

ਜੇ ਤੁਸੀਂ ਪਿੱਠਭੂਮੀ ਦੀਆਂ ਤਸਵੀਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਨਿਸ਼ਚਤ ਤੌਰ ਤੇ ਉਸ ਦ੍ਰਿਸ਼ ਵਿਚ ਚਲੇ ਜਾਵੋਗੇ ਜਿੱਥੇ ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਫਿੱਟ ਕਰਨ ਲਈ ਇੱਕ ਚਿੱਤਰ ਖੜੀ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.

ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਜਵਾਬਦੇਹ ਵੈਬਸਾਈਟਸ ਲਈ ਸੱਚ ਹੈ ਜੋ ਬਹੁਤ ਸਾਰੇ ਡਿਵਾਈਸਾਂ ਅਤੇ ਸਕ੍ਰੀਨ ਸਾਈਜ਼ ਦੇ ਹਵਾਲੇ ਕੀਤੇ ਜਾ ਰਹੇ ਹਨ .

ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਨੂੰ ਖਿੱਚਣ ਦੀ ਇਹ ਇੱਛਾ ਵੈਬ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਬਹੁਤ ਆਮ ਇੱਛਾ ਹੁੰਦੀ ਹੈ ਕਿਉਂਕਿ ਹਰੇਕ ਚਿੱਤਰ ਕਿਸੇ ਵੈਬਸਾਈਟ ਦੇ ਸਥਾਨ ਤੇ ਫਿੱਟ ਨਹੀਂ ਹੁੰਦਾ. ਇੱਕ ਸਥਿਰ ਅਕਾਰ ਦੀ ਸਥਾਪਨਾ ਕਰਨ ਦੀ ਬਜਾਏ, ਚਿੱਤਰ ਨੂੰ ਖਿੱਚਣ ਨਾਲ ਇਹ ਪੇਜ ਨੂੰ ਫਿੱਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਭਾਵੇਂ ਕੋਈ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਕਿੰਨੀ ਵਿਆਪਕ ਹੋਵੇ ਜਾਂ ਤੰਗ ਹੋਵੇ

ਇੱਕ ਪੇਜ ਦੀ ਬੈਕਗਰਾਊਂਡ ਨੂੰ ਫਿੱਟ ਕਰਨ ਲਈ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਖਿੱਚਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ, ਬੈਕਗਰਾਊਂਡ-ਆਕਾਰ ਲਈ, CSS3 ਦੀ ਜਾਇਦਾਦ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਹੈ. ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਜੋ ਇੱਕ ਪੇਜ ਦੇ ਬਾਡੀ ਲਈ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਵਰਤਦੀ ਹੈ ਅਤੇ ਜੋ ਕਿ ਆਕਾਰ ਨੂੰ 100% ਤੱਕ ਸੈੱਟ ਕਰਦੀ ਹੈ ਤਾਂ ਕਿ ਇਹ ਹਮੇਸ਼ਾ ਸਕ੍ਰੀਨ ਦੇ ਅਨੁਕੂਲ ਹੋਣ ਲਈ ਖਿੱਚੀ ਜਾਵੇ.

ਸਰੀਰ {
ਪਿਛੋਕੜ: url (bgimage.jpg) ਕੋਈ ਵੀ-ਦੁਹਰਾਉ;
ਪਿਛੋਕੜ-ਆਕਾਰ: 100%;
}

Caniuse.com ਦੇ ਅਨੁਸਾਰ, ਇਹ ਸੰਪੱਤੀ IE 9+, ਫਾਇਰਫਾਕਸ 4+, ਓਪੇਰਾ 10.5+, ਸਫਾਰੀ 5+, ਕਰੋਮ 10.5+ ਅਤੇ ਸਾਰੇ ਪ੍ਰਮੁੱਖ ਮੋਬਾਈਲ ਬ੍ਰਾਉਜ਼ਰ ਤੇ ਕੰਮ ਕਰਦੀ ਹੈ. ਇਹ ਅੱਜ ਉਪਲਬਧ ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ ਤੁਹਾਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ, ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਇਸ ਸੰਪਤੀ ਨੂੰ ਬਿਨਾਂ ਡਰ ਤੋਂ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇਹ ਕਿਸੇ ਦੇ ਸਕ੍ਰੀਨ ਤੇ ਕੰਮ ਨਹੀਂ ਕਰੇਗਾ.

ਪੁਰਾਣੇ ਬਰਾਊਜ਼ਰ ਵਿਚ ਇਕ ਤ੍ਰਿਪਤ ਪਿਛੋਕੜ ਬਣਾਉਣਾ

ਇਹ ਬਹੁਤ ਘੱਟ ਸੰਭਾਵਨਾ ਹੈ ਕਿ ਤੁਹਾਨੂੰ IE9 ਨਾਲੋਂ ਪੁਰਾਣੇ ਕਿਸੇ ਵੀ ਬ੍ਰਾਊਜ਼ਰ ਦਾ ਸਮਰਥਨ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਪਰ ਮੰਨ ਲਓ ਕਿ ਤੁਸੀਂ ਚਿੰਤਤ ਹੋ ਕਿ IE8 ਇਸ ਪ੍ਰਾਪਰਟੀ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ. ਇਸ ਮੌਕੇ 'ਤੇ, ਤੁਸੀਂ ਜਾਅਲੀ ਨੂੰ ਖਿੱਚਿਆ ਪਿਛੋਕੜ ਬਣਾ ਸਕਦੇ ਹੋ. ਅਤੇ ਤੁਸੀਂ ਫਾਇਰਫਾਕਸ 3.6 (-ਮੋਜ-ਬੈਕਗਰਾਊਂਡ-ਆਕਾਰ) ਅਤੇ ਓਪੇਰਾ 10.0 (-ਓ-ਬੈਕਗਰਾਊਂਡ-ਆਕਾਰ) ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਅਗੇਤਰ ਵਰਤ ਸਕਦੇ ਹੋ.

ਜਾਅਲੀ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਆਸਾਨ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ ਇਸ ਨੂੰ ਪੂਰੇ ਸਫ਼ੇ ਤੇ ਖਿੱਚਣਾ ਹੈ. ਫਿਰ ਤੁਸੀਂ ਵਾਧੂ ਥਾਂ ਨਾਲ ਨਹੀਂ ਰਹਿੰਦੇ ਜਾਂ ਤੁਹਾਨੂੰ ਇਹ ਚਿੰਤਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ ਕਿ ਤੁਹਾਡਾ ਟੈਕਸਟ ਫੈਲੇ ਹੋਏ ਖੇਤਰ ਵਿਚ ਫਿੱਟ ਹੈ ਇੱਥੇ ਇਹ ਕਿਵੇਂ ਕਰਨਾ ਹੈ:

id = "bg" />

1. ਪਹਿਲਾਂ, ਇਹ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਸਾਰੇ ਬ੍ਰਾਉਜ਼ਰ ਕੋਲ 100% ਉਚਾਈ, 0 ਮਾਰਜਿਨ, ਅਤੇ 0 ਅਤੇ HTML BODY ਤੱਤਾਂ ਤੇ ਪੈਡਿੰਗ ਹੋਵੇ. ਆਪਣੇ HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਰਲੇਖ ਹੇਠ ਲਿਖੇ ਨੂੰ ਰੱਖੋ:

2. ਉਹ ਚਿੱਤਰ ਜੋੜੋ ਜੋ ਤੁਸੀਂ ਬੈਕਗ੍ਰਾਉਂਡ ਨੂੰ ਵੈਬ ਪੇਜ ਦੇ ਪਹਿਲੇ ਹਿੱਸੇ ਵਜੋਂ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਇਸ ਨੂੰ "bg" ਦਾ id ਦਿਉ :

3. ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਨੂੰ ਸਥਿਤੀ ਦੇਵੋ ਤਾਂ ਜੋ ਇਹ ਉਪਰਲੇ ਅਤੇ ਖੱਬੇ ਪਾਸੇ ਸਥਿਰ ਹੋ ਜਾਵੇ ਅਤੇ 100% ਚੌੜਾ ਅਤੇ 100% ਉਚਾਈ ਤੇ ਹੋਵੇ. ਇਸ ਨੂੰ ਆਪਣੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ:

   img # bg {
   ਸਥਿਤੀ: ਸਥਿਰ;
   ਸਿਖਰ: 0;
   ਖੱਬੇ: 0;
   ਚੌੜਾਈ: 100%;
   ਉਚਾਈ: 100%;
   }

4. "ਸਮੱਗਰੀ" ਦੀ ਇੱਕ id ਨਾਲ ਇੱਕ DIV ਤੱਤ ਦੇ ਅੰਦਰਲੇ ਸਫ਼ੇ ਵਿੱਚ ਆਪਣੀ ਸਾਰੀ ਸਮਗਰੀ ਨੂੰ ਜੋੜੋ ਚਿੱਤਰ ਦੇ ਥੱਲੇ DIV ਨੂੰ ਜੋੜੋ:

   ਤੁਹਾਡੀ ਸਾਰੀ ਸਮੱਗਰੀ ਇੱਥੇ - ਸਿਰਲੇਖ, ਪੈਰੇ ਆਦਿ ਸਮੇਤ.

   ਨੋਟ: ਹੁਣ ਤੁਹਾਡੇ ਸਫ਼ੇ ਨੂੰ ਵੇਖਣਾ ਦਿਲਚਸਪ ਹੈ. ਚਿੱਤਰ ਨੂੰ ਖਿੱਚਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਪਰ ਤੁਹਾਡੀ ਸਮੱਗਰੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲਾਪਤਾ ਹੈ. ਕਿਉਂ? ਕਿਉਂਕਿ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਉਚਾਈ ਵਿੱਚ 100% ਹੈ, ਅਤੇ ਸਮੱਗਰੀ ਵੰਡ ਦਸਤਾਵੇਜ਼ ਦੇ ਪ੍ਰਵਾਹ ਵਿੱਚ ਤਸਵੀਰ ਦੇ ਬਾਅਦ ਹੈ - ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਨਹੀਂ ਕਰਨਗੇ.
   
5. ਆਪਣੀ ਸਮੱਗਰੀ ਦੀ ਵਿਵਸਥਾ ਕਰੋ ਤਾਂ ਕਿ ਇਹ ਰਿਸ਼ਤੇਦਾਰ ਹੋਵੇ ਅਤੇ ਇਸਦਾ z-index ਹੋਵੇ . ਇਹ ਇਸ ਨੂੰ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਦੇ ਉਪਰ ਮਿਆਰੀ-ਅਨੁਕੂਲ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਲਿਆਏਗਾ. ਇਸ ਨੂੰ ਆਪਣੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ:

   #content {
   ਸਥਿਤੀ: ਰਿਸ਼ਤੇਦਾਰ;
   z- ਇੰਡੈਕਸ: 1;
   }

1. ਪਰ ਤੁਸੀਂ ਪੂਰਾ ਨਹੀਂ ਕੀਤਾ. ਇੰਟਰਨੈਟ ਐਕਪਲੋਰਰ 6 ਮਿਆਰੀ ਅਨੁਕੂਲ ਨਹੀਂ ਹੈ ਅਤੇ ਅਜੇ ਵੀ ਕੁਝ ਸਮੱਸਿਆਵਾਂ ਹਨ ਹਰੇਕ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ CSS ਨੂੰ ਛੁਪਾਉਣ ਦੇ ਕਈ ਤਰੀਕੇ ਹਨ ਪਰ IE6, ਪਰ ਸਭ ਤੋਂ ਆਸਾਨ (ਅਤੇ ਘੱਟ ਤੋਂ ਘੱਟ ਦੂਜੀਆਂ ਸਮੱਸਿਆਵਾਂ ਪੈਦਾ ਕਰਨ ਦੀ ਸੰਭਾਵਨਾ) ਸ਼ਰਤਬੱਧ ਟਿੱਪਣੀਆਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਹੈ ਆਪਣੇ ਡੌਕਯੁਮੈੱਨ ਦੇ ਮੁਖੀ ਵਿੱਚ ਆਪਣੀ ਸਟਾਈਲਸ਼ੀਟ ਤੋਂ ਬਾਅਦ ਇਸਨੂੰ ਪਾਓ:

2. ਉਜਾਗਰ ਹੋਈ ਟਿੱਪਣੀ ਦੇ ਅੰਦਰ, IE 6 ਨੂੰ ਚੰਗੇ ਖੇਡਣ ਲਈ ਕੁਝ ਸਟਾਈਲ ਨਾਲ ਇੱਕ ਹੋਰ ਸ਼ੈਲੀ ਸ਼ੀਟ ਜੋੜੋ:

3. IE 7 ਅਤੇ IE 8 ਵਿੱਚ ਵੀ ਟੈਸਟ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ. ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਦੀ ਸਹਾਇਤਾ ਲਈ ਟਿੱਪਣੀਆਂ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ ਹਾਲਾਂਕਿ, ਜਦੋਂ ਮੈਂ ਇਸ ਦੀ ਪਰਖ ਕੀਤੀ ਸੀ ਤਾਂ ਇਹ ਕੰਮ ਕਰਦਾ ਸੀ.

ਠੀਕ ਹੈ - ਇਹ ਮੰਨਣਯੋਗ ਹੈ ਕਿ WAY ਓਵਰਕਿਲ ਬਹੁਤ ਘੱਟ ਸਾਈਟ ਨੂੰ ਹੁਣ 7 ਜਾਂ 8 ਦੀ ਸਹਾਇਤਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਬਹੁਤ ਘੱਟ IE6!

ਜਿਵੇਂ ਕਿ, ਇਹ ਤਰੀਕਾ ਤੁਹਾਡੇ ਲਈ ਪੁਰਾਣਾ ਅਤੇ ਸੰਭਾਵਤ ਬੇਲੋੜਾ ਹੈ. ਮੈਂ ਇਸ ਨੂੰ ਹੋਰ ਉਤਸੁਕਤਾ ਦੇ ਇੱਕ ਮਾਡਲ ਦੇ ਰੂਪ ਵਿੱਚ ਛੱਡ ਦਿੰਦਾ ਹਾਂ ਕਿ ਸਾਡੇ ਸਾਰੇ ਬ੍ਰਾਉਜ਼ਰਾਂ ਨੇ ਬੜੇ ਵਧੀਆ ਤਰੀਕੇ ਨਾਲ ਇਕੱਠੇ ਖੇਡਣ ਤੋਂ ਪਹਿਲਾਂ ਕਿੰਨੀ ਮੁਸ਼ਕਲ ਕੰਮ ਲਿਆਂਦੀਆਂ ਸਨ!

ਇੱਕ ਛੋਟਾ ਸਪੇਸ ਤੇ ਇੱਕ ਖਿੱਚਿਆ ਗਿਆ ਪਿੱਠਭੂਮੀ ਚਿੱਤਰ ਬਣਾਉਣਾ

ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੰਨੇ 'ਤੇ ਕਿਸੇ ਡੀਵੀਵੀ ਜਾਂ ਕਿਸੇ ਹੋਰ ਤੱਤ' ਤੇ ਜਾਅਲੀ ਇਕ ਫੈਲਿਆ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਲਈ ਇਕੋ ਤਕਨੀਕ ਵਰਤ ਸਕਦੇ ਹੋ. ਇਹ ਥੋੜਾ ਕੁਸ਼ਲ ਹੈ ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਸੰਪੂਰਨ ਸਥਿਤੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਤੁਹਾਡੇ ਪੰਨੇ ਦੇ ਦੂਜੇ ਭਾਗਾਂ ਲਈ ਅਜੀਬ ਵਿੱਥਾਂ ਦੇ ਮੁੱਦੇ ਹਨ.

1. ਉਹ ਪੇਜ ਉੱਤੇ ਚਿੱਤਰ ਨੂੰ ਰੱਖੋ ਜਿਸ ਨੂੰ ਮੈਂ ਬੈਕਗਰਾਊਂਡ ਦੇ ਤੌਰ ਤੇ ਵਰਤਣਾ ਚਾਹੁੰਦਾ ਹਾਂ.

2. ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ, ਚਿੱਤਰ ਲਈ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਸੈਟ ਕਰੋ. ਨੋਟ ਕਰੋ, ਤੁਸੀਂ ਚੌੜਾਈ ਜਾਂ ਉਚਾਈ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਵਰਤਣ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਮੈਨੂੰ ਉਚਾਈ ਲਈ ਲੰਬਾਈ ਦੇ ਮੁੱਲਾਂ ਨਾਲ ਅਨੁਕੂਲ ਬਣਾਉਣਾ ਸੌਖਾ ਲੱਗਦਾ ਹੈ

   img # bg {
   ਚੌੜਾਈ: 20ਮ;
   ਉਚਾਈ: 30 ਐਮ.
   }

3. ਆਪਣੀ ਸਮਗਰੀ ਨੂੰ ਇਕ ਆਈਪੀਏ ਵਿਚ "ਸਮੱਗਰੀ" ਦੇ ਨਾਲ ਰੱਖੋ ਜਿਵੇਂ ਕਿ ਅਸੀਂ ਉਪਰ ਕੀਤਾ ਸੀ:

   ਇੱਥੇ ਤੁਹਾਡੀ ਸਾਰੀ ਸਮੱਗਰੀ

4. ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਦੇ ਰੂਪ ਵਿੱਚ ਸਮੱਗਰੀ ਦੀ DIV ਨੂੰ ਇੱਕੋ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ 'ਤੇ ਸਟਾਈਲ ਕਰੋ:

   div # content {
   ਚੌੜਾਈ: 20ਮ;
   ਉਚਾਈ: 30 ਐਮ.
   }

5. ਫਿਰ ਸਮਗਰੀ ਨੂੰ ਉਚਾਈ ਤਕ ਉਸੇ ਉਚਾਈ ਤੱਕ ਰੱਖੋ ਜਿੱਥੇ ਚਿੱਤਰ ਹੈ. ਇਸ ਲਈ ਜੇ ਤੁਹਾਡੀ ਚਿੱਤਰ 30 ਐਮ ਹੈ ਤਾਂ ਤੁਹਾਡੇ ਕੋਲ ਚੋਟੀ ਦਾ ਸਟਾਈਲ ਹੋਵੇਗਾ: -30 ਐਮ; ਸਮਗਰੀ ਤੇ 1 ਦਾ Z- ਇੰਡੈਕਸ ਰੱਖਣਾ ਨਾ ਭੁੱਲੋ.

   #content {
   ਸਥਿਤੀ: ਰਿਸ਼ਤੇਦਾਰ;
   ਸਿਖਰ: -30ਮ;
   z- ਇੰਡੈਕਸ: 1;
   ਚੌੜਾਈ: 20ਮ;
   ਉਚਾਈ: 30 ਐਮ.
   }

6. ਫਿਰ IE 6 ਉਪਭੋਗਤਾਵਾਂ ਲਈ -1 ਦੇ ਇੱਕ z- ਇੰਡੈਕਸ ਵਿੱਚ ਜੋੜੋ, ਜਿਵੇਂ ਤੁਸੀਂ ਉੱਪਰ ਕੀਤਾ ਸੀ:

ਫੇਰ, ਬੈਕਗਰਾਊਂਡ ਸਾਈਜ਼ ਦੇ ਨਾਲ, ਬ੍ਰਾਡਵਰਲ ਸਹਿਯੋਗ ਦਾ ਆਨੰਦ ਮਾਣਦੇ ਹੋਏ ਇਹ ਹੁਣ ਕਰਦਾ ਹੈ, ਇਹ ਪਹੁੰਚ ਬਹੁਤ ਸੰਭਾਵਤ ਤੌਰ ਤੇ ਬੇਲੋੜੀ ਹੈ ਅਤੇ ਇੱਕ ਪੁਰਾਣੇ ਯੁੱਗ ਦੇ ਉਤਪਾਦ ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤੀ ਗਈ ਹੈ. ਜੇ ਤੁਸੀਂ ਇਸ ਪਹੁੰਚ ਨੂੰ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਸ ਗੱਲ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ ਕਿ ਤੁਸੀਂ ਇਸ ਤਰ੍ਹਾਂ ਕਰ ਸਕਦੇ ਹੋ.

ਅਤੇ ਜੇਕਰ ਤੁਹਾਡੀ ਸਮਗਰੀ ਦਾ ਆਕਾਰ ਬਦਲ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਆਪਣੇ ਕੰਟੇਨਰ ਅਤੇ ਪਿਛੋਕੜ ਚਿੱਤਰ ਦੇ ਆਕਾਰ ਨੂੰ ਬਦਲਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀ, ਨਹੀਂ ਤਾਂ, ਤੁਸੀਂ ਅਜੀਬ ਨਤੀਜੇ ਨਾਲ ਖਤਮ ਹੋਵੋਗੇ.