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

ฉันใช้ CSS ด้านล่าง แต่วางรูปภาพไว้ตรงกลางปุ่ม วิธีใดในการจัดแนวไอคอนไปทางซ้ายหรือขวาโดยใช้<input type="button">เพื่อให้ข้อความและภาพพอดีและจัดแนวอย่างสวยงาม? background: url('/common/assets/images/icons/16x16/add.png'); background-position:center; background-repeat:no-repeat;

111 html  css 

ถ้าฉันวางเมาส์เหนือdivเคอร์เซอร์ของเมาส์จะเปลี่ยนเป็นเคอร์เซอร์แบบนั้นในจุดยึด HTML ฉันจะทำเช่นนี้ได้อย่างไร? ฉันต้องการ Javascript หรือเป็นไปได้ด้วย CSS เท่านั้น?

111 javascript  css  mouse 

ใน HTML ต่อไปนี้ <div id="content" role="main"> รหัสสามารถเข้าถึงได้#contentใน CSS ฉันจะเข้าถึงrole="main"ไฟล์.

111 css 

ตำแหน่ง: เหนียวใช้งานได้กับเบราว์เซอร์มือถือบางรุ่นในขณะนี้ดังนั้นคุณสามารถเลื่อนแถบเมนูไปพร้อมกับหน้าได้ แต่จะติดอยู่ที่ด้านบนของวิวพอร์ตเมื่อใดก็ตามที่ผู้ใช้เลื่อนผ่าน แต่จะเกิดอะไรขึ้นถ้าคุณต้องการปรับสไตล์แถบเมนูเหนียวของคุณเล็กน้อยเมื่อใดก็ตามที่ 'ติด' อยู่? เช่นคุณอาจต้องการให้แถบมีมุมโค้งมนเมื่อใดก็ตามที่เลื่อนไปพร้อมกับหน้า แต่ทันทีที่มันเกาะอยู่ที่ด้านบนสุดของวิวพอร์ตคุณจะต้องกำจัดมุมที่โค้งมนด้านบนออกและเพิ่มเงาเล็กน้อยด้านล่าง มัน. มี pseudoselector ชนิดใด (เช่น::stuck) เพื่อกำหนดเป้าหมายองค์ประกอบที่มีposition: sticky และกำลังเกาะอยู่หรือไม่? หรือผู้ขายเบราว์เซอร์มีอะไรเช่นนี้ในท่อหรือไม่? ถ้าไม่ฉันจะขอได้ที่ไหน NB. โซลูชัน javascript ไม่ดีสำหรับสิ่งนี้เนื่องจากบนมือถือคุณมักจะได้รับscrollเหตุการณ์เดียวเมื่อผู้ใช้ปล่อยนิ้วดังนั้น JS จึงไม่สามารถทราบช่วงเวลาที่แน่นอนที่เกณฑ์การเลื่อนผ่าน

111 css  css-selectors  css-position 

ฉันจะบอกได้อย่างไรว่าแถวเค้าโครง Flexbox ใช้พื้นที่แนวตั้งที่เหลืออยู่ในหน้าต่างเบราว์เซอร์ ฉันมีเลย์เอาต์ flexbox 3 แถว สองแถวแรกมีความสูงคงที่ แต่แถวที่ 3 เป็นแบบไดนามิกและฉันต้องการให้เบราว์เซอร์เติบโตจนเต็มความสูง ฉันมี flexbox อีกอันในแถวที่ 3 ซึ่งสร้างชุดคอลัมน์ หากต้องการปรับองค์ประกอบภายในคอลัมน์เหล่านี้อย่างถูกต้องฉันต้องการให้พวกเขาเข้าใจความสูงทั้งหมดของเบราว์เซอร์ - สำหรับสิ่งต่างๆเช่นสีพื้นหลังและการจัดแนวรายการที่ฐาน ในที่สุดเค้าโครงหลักจะมีลักษณะดังนี้: .vwrapper { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; //height: 1000px; } .vwrapper #row1 { background-color: red; } .vwrapper #row2 { background-color: blue; } .vwrapper …

111 html  css  flexbox 

ฉันใช้ CSS นี้เพื่อความทึบของพื้นหลังของ<div>: background: rgba(255, 255, 255, 0.3); มันทำงานได้ดีใน Firefox แต่ไม่ใช่ใน IE 8 ฉันจะทำให้มันทำงานได้อย่างไร?

110 css  internet-explorer-8  rgba 

เอกสาร bootstrap ในหัวข้อนั้นทำให้ฉันสับสนเล็กน้อย ฉันต้องการให้เกิดลักษณะการทำงานที่คล้ายกันเช่นในเอกสารที่มีแถบนำทางที่ติดอยู่: แถบนำทางอยู่ด้านล่างส่วนหัวของย่อหน้า / หน้าและเมื่อเลื่อนลงมาควรเลื่อนไปก่อนจนกว่าจะถึงด้านบนสุดของหน้าจากนั้นติดที่นั่นเพื่อแก้ไขเพื่อเลื่อนลงต่อไป . เนื่องจาก jsFiddle ไม่ทำงานกับแนวคิด navbar ฉันจึงได้ตั้งค่าหน้าแยกสำหรับการใช้งานเป็นตัวอย่างขั้นต่ำ: http://i08fs1.ira.uka.de/~s_drr/navbar.html ฉันใช้สิ่งนี้เป็นแถบนำทางของฉัน: <div class="navbar affix-top" data-spy="affix" data-offset-top="50"> <div class="navbar-inner"> <div class="container"> <div class="span12"> <a class="brand" href="#">My Brand</a> This is my navbar. </div> </div> <!-- container --> </div> <!-- navbar-inner --> </div> <!-- navbar --> ฉันคิดว่าฉันต้องการdata-offset-topให้มีค่าเป็น 0 (เนื่องจากแถบควร …

110 css  web  twitter-bootstrap  navbar 

ฉันจะซ้อนทับ div ด้วยความทึบกึ่งโปร่งใสบนวิดีโอที่ฝัง iframe ของ youtube ได้อย่างไร <iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe> <div id="overlay"></div> CSS #overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; /*background:rgba(255,255,255,0.8); or just this*/ z-index:50; color:#fff; } แก้ไข (เพิ่มคำอธิบายเพิ่มเติม): HTML5 กำลังเข้ามาใกล้เราโดยมีอุปกรณ์ที่ใช้แทนแฟลชมากขึ้นเรื่อย ๆ ซึ่งทำให้การฝังวิดีโอ youtube ยุ่งยากโชคดีที่ youtube มี iFrame แบบฝังพิเศษที่จัดการปัญหาความเข้ากันได้ของการฝังวิดีโอทั้งหมด แต่ ตอนนี้วิธีการทำงานก่อนหน้านี้ในการวางซ้อนออบเจ็กต์วิดีโอด้วย div กึ่งโปร่งใสใช้ไม่ได้อีกต่อไปตอนนี้ฉันไม่สามารถเพิ่ม a …

110 html  css  iframe  youtube  overlay 

ฉันกำลังสร้างแอปพลิเคชันโดยใช้ Django และฉันสงสัยว่าฉันจะทำให้ Django ใช้ไฟล์ CSS ของฉันได้อย่างไร ต้องตั้งค่าอะไรบ้างเพื่อให้ Django เห็นไฟล์ css หมายเหตุ: บนเครื่องท้องถิ่น

110 css  django  django-forms 

ฉันมีหน้าที่มีแถวประมาณ 10 imgวินาที เพื่อให้อ่านได้ง่ายของ HTML ฉันต้องการใส่เส้นแบ่งระหว่างแต่ละimgแท็ก แต่การทำเช่นนั้นจะทำให้เกิดช่องว่างระหว่างรูปภาพซึ่งฉันไม่ต้องการ มีอะไรที่ฉันสามารถทำได้นอกเหนือจากทำลายตรงกลางแท็กแทนที่จะทำระหว่างแท็ก แก้ไข: นี่คือภาพหน้าจอของสิ่งที่ฉันมีจนถึงตอนนี้ ฉันต้องการให้ภาพกระดูกสันหลังของหนังสือแสดงในชุดค่าผสมแบบสุ่มโดยใช้ PHP นี่คือเหตุผลที่ฉันต้องการimgแท็กแยกต่างหาก

110 html  css  image 

ฉันกำลังพยายามเพิ่มความกว้างให้กับ a divแต่ดูเหมือนว่าฉันจะประสบปัญหาเพราะไม่มีเนื้อหา นี่คือ CSS และ HTML ที่ฉันมีจนถึงตอนนี้ แต่ใช้งานไม่ได้: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div id="test"> <ul> <li> <div class="test1">width1</div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> …

110 html  css  width  css-float 

ฉันไม่ประสบความสำเร็จมากนักในการค้นหาวิธีการจัดรูปแบบ recaptcha ใหม่ของ Google (v2) เป้าหมายในที่สุดคือทำให้ตอบสนอง แต่ฉันมีปัญหาในการใช้การจัดแต่งทรงผมสำหรับสิ่งง่ายๆเช่นความกว้าง เอกสาร APIของพวกเขาดูเหมือนจะไม่ได้ให้รายละเอียดเกี่ยวกับวิธีการควบคุมรูปแบบใด ๆ เลยนอกจากพารามิเตอร์ธีมและโซลูชัน CSS และ JavaScript แบบธรรมดาก็ไม่ได้ผลสำหรับฉัน โดยพื้นฐานแล้วฉันต้องสามารถใช้ CSS กับ reCaptcha เวอร์ชันใหม่ของ Google ได้ การใช้ JavaScript ร่วมกับมันเป็นสิ่งที่ยอมรับได้

110 javascript  css  captcha  recaptcha 

มีวิธีที่ไม่ใช้จาวาสคริปต์ในการเปลี่ยนสีของฉลากเมื่อเลือกช่องทำเครื่องหมายที่เกี่ยวข้องหรือไม่

110 html  css 

ฉันกำลังพยายามให้ Google Chrome ทำการแบ่งหน้า ฉันได้รับแจ้งผ่านเว็บไซต์หลายแห่งที่page-break-after: always;ใช้ได้ใน chrome แต่ดูเหมือนว่าฉันจะไม่สามารถใช้งานได้แม้จะเป็นตัวอย่างง่ายๆก็ตาม มีวิธีบังคับให้หน้าแตกเมื่อพิมพ์ใน chrome หรือไม่

110 css  printing  google-chrome 

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คุณจัดระเบียบโฟลเดอร์ js & css ในเว็บแอปพลิเคชันของคุณอย่างไร? โครงสร้างโครงการปัจจุบันของฉันเป็นแบบนี้: root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html แต่มันซับซ้อนกว่าเมื่อฉันใช้ไลบรารี javascript & ปลั๊กอิน css จำนวนมาก ปลั๊กอิน Javascript มาพร้อมกับไฟล์. js ของตัวเองและบางครั้งก็มีไฟล์. css ของตัวเอง ตัวอย่างเช่นเมื่อฉันใช้ JQuery กับปลั๊กอิน JQueryUI ฉันใส่ …

110 javascript  jquery  html  css  jquery-ui