2017-09-30 32 views
7

कोई भी बूटस्ट्रैप मोडल पृष्ठभूमि समस्या जानता है? झिलमिलाते पृष्ठभूमि पिक्सलपृष्ठभूमि पिक्सल बूटस्ट्रैप मोडल पर झिलमिलाहट

jsfiddle

एचटीएमएल

<!-- Button trigger modal --> 
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 

लॉन्च डेमो मोडल

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    ... 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
</div> 

enter image description here

+0

मेरी मशीन पर ठीक लग रहा है, क्या आपने किसी अन्य कंप्यूटर/ब्राउज़र पर परीक्षण किया है? – AVAVT

+0

@AVAVT हां, मैंने अन्य मॉनिटर्स में 1024x768 ठीक 1920x1080 ठीक नहीं –

+0

जब मैं स्क्रीन आकार पूर्ण स्क्रीन 300px पर आकार बदलता हूं तो इस समस्या का सामना करें। –

उत्तर

7

मैं 0.99 को 1 से bootstrap.min.css पर .fade.in अस्पष्टता संपत्ति बदल दिया है: .fade.in{opacity:0.99}

और जब तक एक बेहतर समाधान प्रतीत होता है कि समस्या हल हो।

* अद्यतन * bootstrap.min.css पर इस कोशिश

.fade.in {अस्पष्टता: 1; -webkit-backface-visibility: hidden;}

+0

धन्यवाद ठीक काम कर रहा है ... –

+0

धन्यवाद। मेरा दिन बचा लिया यह ठीक काम कर रहा है। – ypp

0

यह बूटस्ट्रैप में बग,की तरह दिखता हैमुझे एक ही समस्या मिली और मुझे पता चला कि यह उस पृष्ठ के तत्वों के कारण होता है जिसने अस्पष्टता संपत्ति प्राप्त की है। मैं इसे बूटस्ट्रैप साइट पर पुन: पेश करने का प्रबंधन करता हूं, उम्मीद है कि यह आपकी मदद करेगा।

enter image description here

इसके अलावा, यह केवल क्रोम पर होता है।

+0

thnx .... और अगर आपको कोई समाधान मिला तो कृपया यहां अपडेट करें। –

+0

मेरी समस्या 'EmilioRamirez24' उत्तर से ऊपर हल हो गई। करने के लिए ".fade.in {अस्पष्टता;:" {1} अस्पष्टता .fade.in ": मुझे लगता है कि आप उपयोगी ... आपका bootstrap.min.css बदलें इस प्रयास करें 1; -webkit-backface दृश्यता : छुपा;} " –

संबंधित मुद्दे