[CSS Hack] border-color:transparent & filter+ClearType bug

IE6不支援設定transparent為邊框的顏色。例如:border:solid 1px transparent; 解決方案:border:solid 1px transparent;/*set an unused color to be index color*/_border-color:tomato; /*For IE6-*//*then remove this indexed color*/_filter:chroma(color=tomato);/*For IE6-*/結果如下:

css兩欄式布局樣本

請先看圖,這裡主要用到了float屬性,該屬性的值指出了對象是否及如何浮動文法:  float : none | left |right  參數:  none :  對象不浮動;left :  對象浮在左邊;right :  對象浮在右邊   請看代碼,請CSS高手指教,其他還可以用position來實現兩欄,只是用習慣了float.CodeCode highlighting produced by Actipro CodeHighlighter

於jQuery+CSS製作的選項卡

現在看鋒利的jquery....受益非淺....下面的這個..算是課堂筆記了...需要的同學可以拿了救急....css部分    <style type="text/css"> .hide{display:none;}  ul{list-style:none;}  li{width:120px; float:left;} .tab_box div{border:1px solid #A0A0A4; width:500px; /*text-align:ecnter;*/ height:

類比Google今日使用的css動畫

  不知道大家有沒有注意到Google今天官網上的logo,剛開始一看還以為是gif,在仔細一看,發現並非如此,原來是使用CSS Sprite技術,利用一個初始圖片和一張畫滿各個動作的拼接圖片,從而實現了動畫效果。  本人一時手癢,就想把這個扒下來,但發現Google的js寫的太牛逼了,無奈,只能自己用自己的思維去類比一個了。首先,需要兩張圖,分別是:  當有這兩張圖後,我們就可以開始類比了。  我先通過firebug觀察,發現google首頁在啟動並執行時候會迴圈載入以下html代碼:<

不知道大家知道不知道,iOS開發,web頁面的連結的active屬性無效,但是今天發現一個hack辦法可以讓Css的active有效

很神奇,也是偶然發現的一直大家都覺得,在行動裝置上active無效是正常的,因為沒有mousedown嗎,都是touch今天發現,要讓a連結的Css active偽類生效,只需要給這個a連結的touch系列的任意事件touchstart/touchend綁定一個空的匿名方法即可hack成功<style>a {  color: #000;}a:active {  color: #fff;}</style><a

分享Css3設計—純Css實現超酷的iphone玻璃氣泡效果

demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#bubble號外:kitjs官方討論QQ群建立了,QQ群號88093625,歡迎大家加入,討論前端相關話題最近做手機項目時候,需要實現一個類似iphone SMS效果的氣泡效果。這裡分享下實現心得, 首先分析下iphone的氣泡效果有一下特點1. 圓角2. 向下的外陰影3. 上邊和下邊的內陰影4. 上邊內的一個內嵌的玻璃氣泡的反光效果 首先定義一個容器,盒模型為display:

使用CSS+SiteMap+UserControl+MasterPage實現簡易的Tab

我們在做網站後台管理的時候,往往需要用到Tab形式的導覽功能表,部落格園如此,BlogEngine也如此,前段時間研究修改BlogEngine的時候看到其Tab實現如此容易,思路不錯,但是有一點使我鬱悶,他的Tab標題是取檔案名稱,而使用中文的檔案名稱是寫程式的大忌,自然就想到了Asp.Net2.0的特性Web.sitemap,我們的資料來源如何不從它來,於是簡單寫了下,其實很簡單,只需要一個樣式檔案,一個SiteMap,一個通用的UserControl,一個主版頁面。 下面是核心Code)Co

[CSS Tips]:幾個css小技巧

1.  跨瀏覽器最小高度設定       CSS:.element { min-height:600px; height:auto !important; height:600px; } 2. 跨瀏覽器的CSS透明度 CSS:.transparent { /* Modern Browsers */ opacity: 0.7; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

eBooks on html javascript & css

http://techbus.safaribooksonline.com/book/web-design-and-development/9780470540701 document.forms[0]document.images[0]document.links[0].href document.frmLogin.pwdPassword.value [name導航,id 不好使]document

Div+CSS布局入門教程 (1.頁面配置與規劃)

Div+CSS布局入門教程 (1.頁面配置與規劃) 第 1 頁 頁面配置與規劃所有的設計第一步就是構思,構思好了,一般來說還需要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理軟體將需要製作的介面布局簡單的構畫出來,以下是我構思好的介面布局圖。下面,我們需要根據構思圖來規劃一下頁面的布局,仔細分析一下該圖,我們不難發現,圖片大致分為以下幾個部分:  1、頂部部分,其中又包括了LOGO、MENU和一幅Banner圖片;  2、內容部分又可分為側邊欄、主體內容;  3、底部,

Div+CSS布局入門教程 (2.寫入整體層結構與CSS)

Div+CSS布局入門教程 (2.寫入整體層結構與CSS) 接下來我們在案頭建立一個檔案夾,命名為“DIV+CSS布局練習”,在檔案夾下建立兩個空的記事本文檔,輸入以下內容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/19

簡單的純css菜單

<style>ul { margin: 0px; padding: 0px;}ul li { float: left; display: inline; font: 0.9em Arial, Helvetica, sans-serif; height: 30px; width: 100px; list-style: none;}ul li a { color: #FFF; text-decoration: none;

CSS樣式設定(滑鼠經過表格變色和控製表格隔行變色和添加CSS檔案引用)

滑鼠經過表格變色樣式: <style>     table   {   background-color:#000000;   cursor:hand;   width:100%;   }     td   {     /*設定onmouseover事件*/     onmouseover:   expression(onmouseover=function   (){this.style.borderColor  

一個不錯的CSS類比的按鈕效果

代碼如下: <style type="text/css"><!--.btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;}.btnON{padding:3px;border:1px inset;background-color:

CSS網頁製作時實現自動換行的小技巧

 大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是 CSS如何將他們換行的方法! 對於div 1.(IE瀏覽器)white-space:normal; word-break:break-all;這裡前者是遵循標準。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}<div id="wrap">ddd11111111111111111111111

CnBlogs.Com用到的CSS控制的程式碼摺疊功能功能測試

代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>

符合WEB標準的下拉導覽功能表(CSS菜單)

代碼如下: <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="

灰色星期一,網站變灰白風格CSS代碼

根據國務院檔案,5.19-5.21為全國哀悼日,在此期間,全國和各駐外機構下半旗誌哀,停止公用娛樂活動,外交部和我國駐外使領館設立弔唁簿。5月19日14時28分起,全國人民默哀3分鐘,屆時汽車、火車、艦船鳴笛,防空警報鳴響。為方便網站哀悼,特提供css濾鏡代碼,以表哀悼。以下為全站CSS代碼。1.支援的標準協議為:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">請用:body {

CSS(refer to my training)

一.What is CSS1.CSS stands for Cascading Style Sheets2.Styles define how to display HTML elements3.Style Sheets Can Save a Lot of Work二. Cascading OrderWhat style will be used when there is more than one style specified for an HTML element? 1.

總頁數: 694 1 .... 48 49 50 51 52 .... 694 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。