คำถามติดแท็ก css

เป็นไปได้หรือไม่ที่จะกำหนดขนาดของช่องทำเครื่องหมายโดยใช้ CSS หรือ HTML ข้ามเบราว์เซอร์ widthและsizeทำงานใน IE6 + แต่ไม่ใช่กับ Firefox ที่ช่องทำเครื่องหมายอยู่ที่ 16x16 แม้ว่าฉันจะตั้งขนาดที่เล็กลง

458 html  css 

ฉันมี div สองตัวในอีก div หนึ่งและฉันต้องการวาง div ลูกหนึ่งตัวไว้ที่มุมขวาบนของ div parent และอีก div ลูกอีกอันอยู่ด้านล่างของ div parent โดยใช้ css นั่นคือฉันต้องการใช้การวางตำแหน่งแบบสัมบูรณ์กับ div ลูกสองตัว แต่กำหนดตำแหน่งให้สัมพันธ์กับ div div แทนที่จะเป็นเพจ ฉันจะทำสิ่งนี้ได้อย่างไร ตัวอย่าง html: <div id="father"> <div id="son1"></div> <div id="son2"></div> </div>

457 html  css 

สมมติว่าคุณมีสไตล์และมาร์กอัป: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> …

455 html  css  overflow 

ฉันกำลังดูหน้า MDC สำหรับกฎ @ font-face CSSแต่ฉันไม่ได้อะไรเลย ฉันมีไฟล์ที่แยกต่างหากสำหรับตัวหนา , ตัวเอียงและตัวหนาตัวเอียง + ฉันจะฝังทั้งสามไฟล์ใน@font-faceกฎเดียวได้อย่างไร ตัวอย่างเช่นถ้าฉันมี: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } strong { font-family: "DejaVu Sans"; font-weight: bold; } เบราว์เซอร์จะไม่ทราบว่าจะใช้แบบอักษรใดสำหรับตัวหนา (เพราะไฟล์นั้นคือ DejaVuSansBold.ttf) ดังนั้นจึงจะเป็นค่าเริ่มต้นสำหรับสิ่งที่ฉันอาจไม่ต้องการ ฉันจะบอกเบราว์เซอร์ที่แตกต่างกันทั้งหมดที่ฉันมีสำหรับแบบอักษรบางตัวได้อย่างไร

454 fonts  css  font-face 

ฉันวางแผนที่จะใช้ Google เพื่อดาวน์โหลด jQuery lib สำหรับ UI และ Core คำถามของฉันคือพวกเขาอนุญาตให้ฉันดาวน์โหลด CSS หรือไม่หรือฉันต้องโฮสต์เอง นอกจากนี้หากฉันใช้ Google เพื่อโหลดฉันควรโหลดปลั๊กอินอื่นอย่างไร ฉันสามารถบีบอัดปลั๊กอินทั้งหมดเข้าด้วยกันหรือควรเป็นไฟล์แยกต่างหากหรือไม่

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

ฉันมีโครงสร้างหน้าเป็น: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> ตอนนี้child-leftDIV จะมีเนื้อหามากขึ้นดังนั้นparentความสูงของ DIV จะเพิ่มขึ้นตาม DIV ลูก แต่ปัญหาคือchild-rightความสูงไม่เพิ่มขึ้น ฉันจะทำให้ความสูงเท่ากับพ่อแม่ได้อย่างไร

451 html  css  layout 

ฉันค้นหาโซลูชันประเภท "lightbox" ที่อนุญาตสิ่งนี้ แต่ยังไม่พบโซลูชัน (โปรดแนะนำถ้าคุณรู้ว่ามี) พฤติกรรมที่ฉันพยายามสร้างขึ้นใหม่ก็เหมือนกับสิ่งที่คุณเห็นที่Pinterestเมื่อคลิกที่ภาพ ภาพซ้อนทับสามารถเลื่อนได้ ( เช่นเดียวกับภาพซ้อนทับทั้งหมดเลื่อนขึ้นเหมือนหน้าบนสุดของหน้า ) แต่เนื้อความด้านหลังภาพซ้อนได้รับการแก้ไข ฉันพยายามสร้างสิ่งนี้ด้วย CSS ( เช่นdivภาพซ้อนทับด้านบนของทั้งหน้าและเนื้อหาoverflow: hidden ) แต่มันไม่ได้ป้องกันไม่ให้divเลื่อนได้ วิธีการป้องกันไม่ให้ร่างกาย / หน้าเลื่อน แต่ยังคงเลื่อนภายในภาชนะเต็มหน้าจอ?

446 css  overlay  lightbox 

ฉันต้องการสร้าง box-shadow ในblockองค์ประกอบบางอย่างแต่เพียง (ตัวอย่าง) ทางด้านขวา วิธีที่ฉันทำคือห่อองค์ประกอบภายในด้วยbox-shadowด้านนอกด้วยpadding-rightและoverflow:hidden;ดังนั้นทั้งสามด้านของเงาจึงมองไม่เห็น มีวิธีที่ดีกว่าในการบรรลุเป้าหมายนี้หรือไม่? ชอบbox-shadow-rightไหม แก้ไข : ความตั้งใจของฉันคือการสร้างเฉพาะส่วนแนวตั้งของเงา เหมือนกับสิ่งrepeat-yที่กฎbackground:url(shadow.png) 100% 0% repeat-yจะทำ

445 css  shadow  box-shadow 

ฉันจะพิมพ์ div ที่ระบุได้อย่างไร (โดยไม่ปิดการใช้งานเนื้อหาอื่น ๆ ทั้งหมดในหน้าด้วยตนเอง) ฉันต้องการหลีกเลี่ยงกล่องโต้ตอบแสดงตัวอย่างใหม่ดังนั้นการสร้างหน้าต่างใหม่ด้วยเนื้อหานี้ไม่มีประโยชน์ หน้านี้มีตารางสองตารางโดยหนึ่งในนั้นมี div ที่ฉันต้องการพิมพ์ - ตารางได้รับการจัดรูปแบบด้วยสไตล์ภาพสำหรับเว็บซึ่งไม่ควรแสดงในการพิมพ์

444 javascript  css  printing  dhtml 

มีวิธีวางตำแหน่งภาพพื้นหลังในจำนวนพิกเซลจากด้านขวาขององค์ประกอบหรือไม่? ตัวอย่างเช่นหากต้องการวางตำแหน่งบางสิ่งบางอย่างจำนวนพิกเซล (พูด, 10) จากด้านซ้ายนี่คือวิธีที่ฉันทำ: #myElement { background-position: 10px 0; }

443 css 

การเปลี่ยน CSS สามารถใช้เพื่ออนุญาตให้ย่อหน้าข้อความจางในการโหลดหน้า? ฉันชอบวิธีที่มันดูบนhttp://dotmailapp.com/และชอบที่จะใช้เอฟเฟกต์ที่คล้ายกันโดยใช้ CSS โดเมนได้ถูกซื้อไปแล้วและไม่มีผลกระทบจากการกล่าวถึงอีกต่อไป สำเนาที่เก็บถาวรสามารถดูได้บนเครื่อง Waybackบนเครื่อง ภาพประกอบ มีมาร์กอัปนี้: <div id="test"> <p>​This is a test</p> </div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ด้วยกฎ CSS ต่อไปนี้: #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align: center; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s …

442 css  css-transitions  opacity 

ฉันมีสอง divs เคียงข้างกัน ฉันต้องการความสูงของพวกเขาที่จะเหมือนกันและอยู่ในระดับเดียวกันหากหนึ่งในนั้นปรับขนาด ฉันไม่สามารถคิดออกนี้ ไอเดีย? เพื่อชี้แจงคำถามที่สับสนของฉันฉันต้องการให้ทั้งสองกล่องมีขนาดเท่ากันเสมอดังนั้นหากหนึ่งกล่องโตขึ้นเนื่องจากมีการใส่ข้อความไว้อีกกล่องควรจะตรงกับความสูง <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> </div> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

441 html  css  html-table  flexbox 

ฉันกำลังทำงานบนเว็บไซต์ที่ต้องใช้การทดสอบแบบอักษรออนไลน์แบบอักษรทั้งหมดที่ฉันมีคือ. otf มีวิธีฝังแบบอักษรและทำให้พวกเขาทำงานกับเบราว์เซอร์ทั้งหมดหรือไม่ ถ้าไม่มีฉันมีทางเลือกอื่นอีกบ้าง?

440 html  css  fonts  font-face 

ฉันมีลิงค์บนเว็บเพจของฉันเพื่อพิมพ์เว็บเพจ อย่างไรก็ตามลิงค์นี้ยังปรากฏในงานพิมพ์ด้วย มี javascript หรือ HTML code ซึ่งจะซ่อนปุ่มลิงค์เมื่อฉันคลิกลิงค์พิมพ์? ตัวอย่าง: "Good Evening" Print (click Here To Print) ฉันต้องการซ่อนป้ายกำกับ "พิมพ์" นี้เมื่อพิมพ์ข้อความ "ราตรีสวัสดิ์" ฉลาก "พิมพ์" ไม่ควรแสดงบนงานพิมพ์เอง

440 css  printing 

ฉันกำลังทำเว็บไซต์ bootstrap โดยใช้ 'Modals' สองสาม Bootstrap ฉันกำลังพยายามปรับแต่งคุณสมบัติเริ่มต้นบางอย่าง ปัญหาคือสิ่งนี้ คุณสามารถปิดคำกริยาโดยคลิกที่พื้นหลัง อย่างไรก็ตามมีการปิดใช้งานคุณลักษณะนี้หรือไม่ เกี่ยวกับ modifc modals เท่านั้น? Bootstrap หน้า modal

440 javascript  css  twitter-bootstrap  modal-dialog