CSS opacity ਪਰਿਭਾਸ਼ਾ
- ਪਿਛਲਾ ਪੰਨਾ offset-rotate
- ਅਗਲਾ ਪੰਨਾ order
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
opacity ਵਿਸ਼ੇਸ਼ਤਾ ਏਜੰਟ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਪੱਧਰ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਚਿੱਤਰ ਪਾਰਦਰਸ਼ਤਾ
CSS ਸਿੱਖਿਆ:CSS ਰੰਗ
HTML DOM ਸੂਚਨਾ ਮੁੱਦਾ:opacity ਵਿਸ਼ੇਸ਼ਤਾ
ਉਦਾਹਰਣ
div ਏਜੰਟ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਪੱਧਰ ਨੂੰ ਸੈਟ ਕਰੋ:
div
{
opacity:0.5;
}
ਇਸ ਪੰਨੇ ਦੇ ਨਿਚੋਰ ਵਿੱਚ ਹੋਰ ਉਦਾਹਰਣ ਮਿਲ ਸਕਦੇ ਹਨ。
CSS ਗਰੰਟੇਸ਼ਨ
opacity: value|inherit;
ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ | ਟੈਸਟ |
|---|---|---|
| value | ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। 0.0 (ਪੂਰੀ ਪਾਰਦਰਸ਼ਤਾ) ਤੋਂ 1.0 (ਕੋਈ ਪਾਰਦਰਸ਼ਤਾ ਨਹੀਂ) ਤੱਕ。 | ਟੈਸਟ |
| inherit | ਪ੍ਰਾਪਰ ਏਜੰਟ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ ਪਿਤਾ ਏਜੰਟ ਤੋਂ ਵਿਰਾਸਤ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | 1 |
|---|---|
| ਵਿਰਾਸਤੀਕਰਣ: | no |
| ਵਰਜਨਾ: | CSS3 |
| JavaScript ਗਰੰਟੇਸ਼ਨ: | object.style.opacity=0.5 |
ਹੋਰ ਉਦਾਹਰਣ
- ਏਜੰਟ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਬਦਲਣਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੈ ਕਿ ਕਿਵੇਂ JavaScript ਨਾਲ ਏਜੰਟ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਬਦਲੀ ਜਾ ਸਕਦੀ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਬੈਕਸਲ ਵਿੱਚ ਇਹ ਸਬੰਧਤ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪਹਿਲਾ ਸਮਰੱਥ ਬਰਾਉਜ਼ਰ ਵਰਜਨਾ ਦੱਸਿਆ ਗਿਆ ਹੈ。
| ਕਰੋਮ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
ਟਿੱਪਣੀਆਂ:IE8 ਅਤੇ ਪਹਿਲੇ ਵਰਜਨਾਂ ਬਦਲੇ ਫਿਲਟਰ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਮਰੱਥਾ ਰੱਖਦੀਆਂ ਹਨ। ਉਦਾਹਰਣ: filter:Alpha(opacity=50)।
- ਪਿਛਲਾ ਪੰਨਾ offset-rotate
- ਅਗਲਾ ਪੰਨਾ order
