html - safari z-index and overflow not working -


मुझे सफारी में z- इंडेक्स ब्लॉक के साथ एक समस्या है

  http: // rhino .shahumyanmedia.com /   

यह वेबसाइट अन्य ब्राउज़र में ठीक काम कर रही है, लेकिन शीर्ष 4 सर्कल ब्लॉकों को ठीक से प्रदर्शित नहीं किया जा रहा है, ब्लॉक की छवि ब्लॉक से बाहर हो रही है, हालांकि ने अतिप्रवाह दिया है: छुपी हुई है, और मुख्य ब्लॉक और छवि के लिए z-index

नोट: मुझे पृष्ठभूमि के रूप में छवियां बनाना पसंद नहीं है

यहां मेरी शैली है

  .add-border {border-radius: 300px; -मोझ-सीमा-त्रिज्या: 300px; -ओ-सीमा-त्रिज्या: 300px; -वेबकिट-सीमा-त्रिज्या: 300px; सीमा: 8 पीएक्स ठोस आरजीबीए (20, 172, 225, 0.3); चौड़ाई: 100%; ऊंचाई: 100%; स्थिति: पूर्ण; Z- इंडेक्स: 5; शीर्ष: 0 पिक्सेल; बाएं: 0 पिक्सेल; छिपा हुआ सैलाब; } .service-img img {-webkit-transition: all 0.5s ease; -ओ-संक्रमण: सभी 0.5 एस आसानी; -मोझ-संक्रमण: सभी 0.5 एस आसानी; -व्यवस्थापन: सभी 0.5 एस आसानी; Z- इंडेक्स: -1; सीमा-त्रिज्या: 300px; -मोझ-सीमा-त्रिज्या: 300px; -ओ-सीमा-त्रिज्या: 300px; -वेबकिट-सीमा-त्रिज्या: 300px; }। सेवा एक {सीमा-त्रिज्या: 300px; छिपा हुआ सैलाब; स्थिति: रिश्तेदार; Z- सूचकांक: 20; -मोझ-सीमा-त्रिज्या: 300px; -ओ-सीमा-त्रिज्या: 300px; -वेबकिट-सीमा-त्रिज्या: 300px; } & Lt; div class = "service-img" & gt; & Lt; a href = "http://rhino.shahumyanmedia.com/category/%d1%83%d1%81%d0%bb%d1%83%d0%b3%d0%b8/%d0%bb%d0% B8% d1% 86% D0% हो / "& gt; & Lt; img src = "http://rhino.shahumyanmedia.com/wp-content/uploads/2014/05/face1.png" alt = "л Ð ÑÑ ?? ¾¾ "/ & gt; & Lt; div वर्ग = "ऐड-बॉर्डर" & gt; & lt; / div & gt; & Lt; / a & gt; & Lt; / div & gt; साइट सफारी 6.1.4 (8537.76.4) में मेरे लिए ठीक काम करती है, यह साइट मेरे लिए ठीक काम करती है। यहां तक ​​कि नीचे स्क्रॉल करने पर भी।  

यहां छवि विवरण दर्ज करें

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -